select控件 name与id属性

HTML Select控件示例

最新推荐文章于 2022-11-24 22:51:08 发布

最新推荐文章于 2022-11-24 22:51:08 发布 · 932 阅读

本文提供了一个简单的HTML示例代码，演示了如何使用多个带有onchange事件的select控件，并通过JavaScript函数触发警报来展示这些控件的存在。

把下面程序写在记事本里，保存为.html文件，看效果

<form>
<select id="s1" name="s1" onchange=chk()>
<option>1
<option>2
<option>3
<option>4
</select>
<select id="s1" name="s2" onchange=chk()>
<option>1
<option>2
<option>3
<option>4
</select>
<select id="s1" name="s3" onchange=chk()>
<option>1
<option>2
<option>3
<option>4
</select>
<select id="s1" name="s4" onchange=chk()>
<option>1
<option>2
<option>3
<option>4
</select>
<input type="button" name="a" value="提交"onclick="chk()">
<script>
function chk(){
var s = document.getElementById("s1");
for(i=0;i<s.length;i++){
alert('页面上有select控件'+'s['+i+']');

}
}
</script>