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>