select的几个经典写法
方式一：
<form name=form1>
<select name="test" id="test">
<option value="testvalue" selected>需要取得的内容</option>
</select>
</form>
<script language=javascript>
alert(form1.test.options[form1.test.selectedIndex].text);
</script>
方式二：
<form name=form1>
<select name="test" id="test">
<option value="testvalue" selected>需要取得的内容</option>
</select>
</form>
<script language=javascript>
with(document.getElementsByTagName("select")[0]){
alert(options[selectedIndex].text);
}
</script>
方式三：
<select onchange="window.alert(options[selectedIndex].innerText);">
<option value="1">--1--</option>
<option value="2">--2--</option>
<option value="3">--3--</option>
</select>
方式四：
<body><select name="test">
<option value="001">第一</option>
<option value="002">第二</option>
<option value="003">第三</option>
<option value="004">第四</option>
</select>
<input type=button value="show" onclick="show()">
<script>
function show(){
var isStr="";
for(var i=0;i<document.all.test.options.length;i++)
isStr+=document.all.test.options.innerText+"\n";
alert(isStr);
}
</script>
方式五：
<body><select name="test">
<option value="001">第一</option>
<option value="002">第二</option>
<option value="003">第三</option>
<option value="004">第四</option>
</select>
<input type=button value="show" onclick="alert(document.all.test.options.innerText)">
<script>
<form name=form1>
<select name="test" id="test">
<option value="testvalue" selected>需要取得的内容</option>
</select>
</form>
<script language=javascript>
alert(form1.test.options[form1.test.selectedIndex].text);
</script>
方式二：
<form name=form1>
<select name="test" id="test">
<option value="testvalue" selected>需要取得的内容</option>
</select>
</form>
<script language=javascript>
with(document.getElementsByTagName("select")[0]){
alert(options[selectedIndex].text);
}
</script>
方式三：
<select onchange="window.alert(options[selectedIndex].innerText);">
<option value="1">--1--</option>
<option value="2">--2--</option>
<option value="3">--3--</option>
</select>
方式四：
<body><select name="test">
<option value="001">第一</option>
<option value="002">第二</option>
<option value="003">第三</option>
<option value="004">第四</option>
</select>
<input type=button value="show" onclick="show()">
<script>
function show(){
var isStr="";
for(var i=0;i<document.all.test.options.length;i++)
isStr+=document.all.test.options.innerText+"\n";
alert(isStr);
}
</script>
方式五：
<body><select name="test">
<option value="001">第一</option>
<option value="002">第二</option>
<option value="003">第三</option>
<option value="004">第四</option>
</select>
<input type=button value="show" onclick="alert(document.all.test.options.innerText)">
<script>
