<html>
<head>
<title>单选下拉列表/多选下拉列表示例</title>
<script type="text/javascript">
function test1(obj)
{
var boxs=document.forms[0].month1.options
alert(boxs[obj].value);//打印列表中被选中的值
}
function test2(obj){
var boxs=document.forms[0]['month2'].options
alert(boxs[obj].value); //打印列表中被选中的值
//打印出下拉列表中全部值
var values=new Array();
for(var i=0;i<boxs.length;i++)
{
values.push(boxs[i].value);
}
for(var i=0;i<values.length;i++)
{
alert(values[i]);
}
}
</script>
</head>
<body>
<form>
<table border="1" cellspacing="0" cellpadding="0" align="center">
<tr>
<td><select name="month1" onChange="test1(this.options.selectedIndex)">
<option value="1">一月</option>
<option value="2">二月</option>
<option value="3">三月</option>
<option value="4">四月</option>
<option value="5">五月</option>
<option value="6">六月</option>
</select></td>
</tr>
<tr>
<td><select name="month2" onChange="test2(this.options.selectedIndex)" multiple size="10" style="width:100px">
<option value="1">一月</option>
<option value="2">二月</option>
<option value="3">三月</option>
<option value="4">四月</option>
<option value="5">五月</option>
<option value="6">六月</option>
</select></td>
</tr>
</table>
</form>
</body>
</html>
单选下拉列表/多选下拉列表示例
最新推荐文章于 2023-06-22 19:53:34 发布