《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相关方法(收集)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。