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>