select控件

最新推荐文章于 2022-11-15 14:41:16 发布

seamanjt

最新推荐文章于 2022-11-15 14:41:16 发布

阅读量555

点赞数

分类专栏： html

html 专栏收录该内容

2 篇文章

订阅专栏

本文展示了一个使用HTML和JavaScript编写的简单示例，该示例包含多个Select下拉列表控件，并通过JavaScript函数实现了交互效果。每当用户更改Select控件的选择时，都会触发一个名为chk的JavaScript函数，该函数会遍历所有ID为's1'的Select控件并弹出警告框显示这些控件的信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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>