下拉框事件

下拉框有个事件,选择其中一项触动change。我们创建一个下拉框。

1
2
3
4
5
6
7
8
9
10
11
<form method="post">
选择你的城市:
<select id="city">
<option value="BJ-北京">北京</option>
<option value="NJ-南京">南京</option>
<option value="TJ-天津">天津</option>
<option value="MM-茂名">茂名</option>
<option value="GZ-广州">广州</option>
<option value="ZZ-湛江">湛江</option>
</select>
</form>

通过动态绑定事件,得到select下拉框对象,对对对象进行监听,如果有change就输出信息。

1
2
3
4
5
6
7
8
<script type="text/javascript">
window.onload = function(){
var myCity = document.getElementById("city");
myCity.addEventListener("change",function(){
alert("你的城市:"+this.value);
},false);
}
</script>

可以在菜鸟教程上查询要用的方法,熟练查询方法很重要。

最后更新: 2017年12月14日 17:43

原始链接: http://allen.men/2017/03/29/select/

× 收钱就是兴奋
打赏二维码