JavaScript操作SELECT中option大全

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;