[转]js操作select相关方法(收集)

Code

/*

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;