js 조작 select 관련 방법 함수
1. select value="paravalue" item
2. select item
3. select item
4. select value="paravalue" text "paratext"
5. select text="paratext" item
6. select value="paravalue" item
7. select value
8. select text
9. select index
10. select
-------------------------------------------
//1. select value="paravalue" item
function jsselectisexititem(objselect,objitemvalue)
{
var isexit = false;
for(var i=0;i<objselect.options.length;i++)
{
if(objselect.options[i].value == objitemvalue)
{
isexit = true;
break;
}
}
return isexit;
}
//2. select item
function jsadditemtoselect(objselect,objitemtext,objitemvalue)
{
//
if(jsselectisexititem(objselect,objitemvalue))
{
alert(" item value ");
}
else
{
var varitem = new option(objitemtext,objitemvalue);
// objselect.options[objselect.options.length] = varitem;
objselect.options.add(varitem);
alert(" ");
}
}
//3. select item
function jsremoveitemfromselect(objselect,objitemvalue)
{
//
if(jsselectisexititem(objselect,objitemvalue))
{
for(var i=0;i<objselect.options.length;i++)
{
if(objselect.options[i].value == objitemvalue)
{
objselect.options.remove(i);
break;
}
}
alert(" ");
}
else
{
alert(" select ");
}
}
//4. select value="paravalue" text "paratext"
function jsupdateitemtoselect(objselect,objitemtext,objitemvalue)
{
//
if(jsselectisexititem(objselect,objitemvalue))
{
for(var i=0;i<objselect.options.length;i++)
{
if(objselect.options[i].value == objitemvalue)
{
objselect.options[i].text = objitemtext;
break;
}
}
alert(" ");
}
else
{
alert(" select ");
}
}
//5. select text="paratext" item
function jsselectitembyvalue(objselect,objitemtext)
{
//
var isexit = false;
for(var i=0;i<objselect.options.length;i++)
{
if(objselect.options[i].text == objitemtext)
{
objselect.options[i].selected = true;
isexit = true;
break;
}
}
//show
if(isexit)
{
alert(" ");
}
else
{
alert(" select ");
}
}
//6. select value="paravalue" item
//document.all.objselect.value = objitemvalue;
//7. select value
//var currselectvalue = document.all.objselect.value;
//8. select text
//var currselecttext = document.all.objselect.options[document.all.objselect.selectedindex].text;
//9. select index
//var currselectindex = document.all.objselect.selectedindex;
//10. select
// document.all.objselect.options.length = 0;
js select 다 중 선택 목록 전송 코드
https://www.jb51.net/article/21270.htm
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
[2022.04.19] 자바스크립트 this - 생성자 함수와 이벤트리스너에서의 this18일에 this에 대해 공부하면서 적었던 일반적인 함수나 객체에서의 this가 아닌 오늘은 이벤트리스너와 생성자 함수 안에서의 this를 살펴보기로 했다. new 키워드를 붙여 함수를 생성자로 사용할 때 this는...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.