SELECT框JS操作小结

1.判断SELECT是否存在值为reqVal的item.

 function checkItemIsExit(selObj,reqVal){ var flag = false; for(var i=0;i<selObj.options.length;i++){ if(selObj.options[i].value==reqVal){ flag = true; break; } } return flag; }

 

2.给SELECT增加一个Option

function addItem(selObj,reqText,reqVal){ if(checkItemIsExit(selObj,reqVal)){ alert('值为'+reqVal+'的SELECT框存在了！'); }else{ var option = new Option(reqText,reqVal); selObj.options.add(option); } }

 

3.得到select的当前选中项的text

var text = selObj.options[selObj.selectedIndex].text;

 

4.选中VALUE=reqVal的SELECT的option

function SelectItemByVal(selObj,reqVal){ for(var i=0;i<selObj.options.length;i++){ if(selObj.options[i].value=reqVal){ selObj.options[i].selected=true; break; } } }

 

5.删除VALUE=reqVal的item

function removeItemByValue(selObj,reqVal){ var flag = false; alert(reqVal); for(var i=0;i<selObj.options.length;i++){ if(selObj.options[i].value==reqVal){ selObj.options.remove(i); flag = true; break; } } if(flag){ alert('删除成功!'); }else{ alert('删除失败!'); } }

 

6. 清空SELECT 框:

function clearSel(selObj){ selObj.options.length=0; }

 

7.获得当前SELECT框的值：

var value = selObj.value;  

 

 

更改SELECT在页面上的显示方式：

<select name="holiday" id="holiday" style="width:300px;height: 80px;" size=10> <option value="-1">请选择节日</option> </select>