javascript操作SELECT中option大全

转载 2013年12月05日 15:11:53

javascript操作SELECT中option大全
1:判断select选项中是否存在item

function isExitItem(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 addItem(objSelect, objItemText, objItemValue) { 
      //判断是否存在 
      if (isExitItem(objSelect, objItemValue)) { 
          alert("已经存在!"); 
     } else { 
        var varItem = new Option(objItemText, objItemValue); 
         objSelect.options.add(varItem); 
        alert("添加成功!"); 
     } 
}
3:删除item

function removeItem(objSelect, objItemValue) { 
   //判断是否存在 
if (isExitItem(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("不存在!"); 
   } 
}
4.删除select中选中的项

function removeSelectedItem(objSelect) { 
   var length = objSelect.options.length - 1; 
    for(var i = length; i >= 0; i–){ 
      if(objSelect[i].selected == true){ 
       objSelect.options[i] = null; 
      } 
   } 
}
5.修改select选项中 value=”paraValue”的text为”paraText”

function jsUpdateItemToSelect(objSelect, objItemText, objItemValue) { 
   //判断是否存在 
    if (isExitItem(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中 不存在该项”); 
   } 
}
6.设置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中 不存在该项”); 

}
7.设置select中value=”paraValue”的Item为选中
document.all.objSelect.value = objItemValue;

8.得到select的当前选中项的value
var currSelectValue = document.all.objSelect.value;

9.得到select的当前选中项的text
var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;

10.得到select的当前选中项的Index
var currSelectIndex = document.all.objSelect.selectedIndex;

11.清空select的项
document.all.objSelect.options.length = 0;

相关文章推荐

JavaScript对select中option的隐藏和显示操作

对于不同月份我要显示不同的天数,但select的option不能够使用display等方法进行隐藏,于是在网上查了查,整理了一下资料,写出了以下可以正常使用的代码。 对selec...

javascript select option 操作详解

1 检测是否有选中 if(objSelect.selectedIndex > -1) { //说明选中 } else { //说明没有选中 } 2.动态创建select function...

javascript增删节点以及如何操作下拉列表select和option(源代码)

增加节点 如何创建一个新的节点? var divObj=document.createElement("div"); 如何把节点对象添加到文档中的某个位置? div.appendChild(divOb...

Javascript操作Select和Option

让select默认选定某值 document.getElementById('sss').value='01'; 1.动态创建select      function createSelec...

Javascript 操作select大全

1判断select选项中 是否存在Value="paraValue"的Item  2向select选项中 加入一个Item  3从select选项中 删除一个Item  4删除select中选中的项 ...

Javascript select控件操作大全(新增、修改、删除、选中、清空、判断存在

1判断select选项中 是否存在Value="paraValue"的Item 2向select选项中 加入一个Item 3从select选项中 删除一个Item 4删除select中选中的项 5修改...

JavaScript获取select元素下的每一个option

form.html

javascript之HTML(select option)详解

一、基础理解: var e = document.getElementById("selectId"); e. options= new Option("文本","值") ; //创...

javascript--使用js对select动态添加和删除OPTION

动态删除select中的所有options:        document.getElementById("ddlResourceType").options.length=0;    ...

javascript之HTML select option

一、基础理解: var e = document.getElementById("selectId"); e. options= new Option("文本","值") ; //创...
  • rjfxd
  • rjfxd
  • 2013年01月27日 13:54
  • 307
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javascript操作SELECT中option大全
举报原因:
原因补充:

(最多只允许输入30个字)