html中select的各种用法总结

　　1）select的隐藏和显示：

　　$("selectList").style.display=$("selectList").style.display=="block"?"none":"block";

　　2）select可用不可用：

　　<selectdisabled="value">

　　document.getElementById("LevelDropList").disabled="value";不可用

　　document.getElementById("LevelDropList").disabled="value";可用

　　<html>

　　<head>

　　<SCRIPTLANGUAGE="JavaScript">

<!--

　　//oSelect列表的底部添加了一个新选项

　　functiononload(){

　　varoOption=document.createElement("OPTION");

　　oOption.text="Ferrari";

　　oOption.value="4";

　　oSelect.add(oOption);

　　}

　　functionfnChange(){

　　oData.value+=oCars.options[oCars.selectedIndex].text+"";

　　}

　　//-->

　　</SCRIPT>

　　</head>

<bodyonload="onload()">

　　<SELECTNAME="Cats"SIZE="1">

　　<OPTIONVALUE="1">Calico

　　<OPTIONVALUE="2">Tortie

　　<OPTIONVALUE="3"SELECTED>Siamese

　　</SELECT>

　　<P>

<SELECTID="oSelect"NAME="Cars"SIZE="3"MULTIPLE>

　　<OPTIONVALUE="1"SELECTED>BMW

　　<OPTIONVALUE="2">Porsche

　　<OPTIONVALUE="3"SELECTED>Mercedes

　　</SELECT>

　　<P>

　　<SELECTID="oCars"SIZE="1"onchange="fnChange()">

　　<OPTIONVALUE="1">宝马

　　<OPTIONVALUE="2">保时捷

　　<OPTIONVALUE="3"SELECTED>大奔

　　</SELECT>

　　<P>

　　<TEXTAREAID="oData"></TEXTAREA>

　　</body>

　　</html>

　　附：一些Select的技巧

　　1.动态创建select

　　functioncreateSelect(){

　　varmySelect=document.createElement("select");

　　mySelect.id="mySelect";

　　document.body.appendChild(mySelect);

　　}

　　2.添加选项option

　　functionaddOption(){

　　//根据id查找对象，varobj=document.getElementById('mySelect');

　　//添加一个选项obj.add(newOption("文本","值"));}

　　3.删除所有选项option

　　functionremoveAll(){