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大全

javascript操作SELECT中option大全1:判断select选项中是否存在itemfunction isExitItem(objSelect, objItemValue) { ...
  • QQ_1264064998
  • QQ_1264064998
  • 2017年09月19日 19:27
  • 224

【JavaScript】select选中Option

select获取选中的opetion的属性值,可以作为一个例子,学习到其中的思想,很多控件与之类似 --请选择-- ...
  • f627422467
  • f627422467
  • 2016年05月18日 16:36
  • 439

js对 select相关操作

1.通过js 获取 html中select 所有值,选中的值,获取
  • zhangspring1234
  • zhangspring1234
  • 2014年07月25日 08:22
  • 946

javascript想select标签中添加option元素

function add(){ var testSelect = document.getElementById("testSelect"); //alert(testSelect...
  • duliming1987
  • duliming1987
  • 2012年03月08日 21:54
  • 4810

select option控件的操作方法

script language="javascript">         $(document).ready(function() {         //绑定下拉框change事件,当下来框改...
  • LazyDreamHunter
  • LazyDreamHunter
  • 2016年03月23日 22:49
  • 447

浅谈原生javascript的select操作

浅谈原声javascript的select下拉框操作
  • xyphf
  • xyphf
  • 2016年07月26日 09:15
  • 2083

JavaScript获取select-option 的文本值

写JS的时候 获取select对象的value是很常见的事情 例如  function selectInput(choose)  {     alert(choose.value); ...
  • Lee_guang
  • Lee_guang
  • 2012年08月30日 14:35
  • 4737

Javascript中清除Select的Option的问题

我们有时候需要清除Select控件中的Options集合下的值,我在网上找了一下,大部分采用的是obj = document.getElementById("drp"); ///drp是select控...
  • baron
  • baron
  • 2006年08月16日 10:43
  • 7971

JS对select动态添加options操作

动态删除select中的所有options:         document.getElementById("ddlResourceType").options.length=0;     ...
  • u011972571
  • u011972571
  • 2014年12月26日 16:27
  • 2378

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

form.html
  • cckevincyh
  • cckevincyh
  • 2016年11月10日 16:35
  • 2252
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javascript操作SELECT中option大全
举报原因:
原因补充:

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