下拉框的基本知识:
下拉框不支持onclick事件,onclick事件在鼠标点击下拉框还没有进行选择操作时就会触发;
下拉框不支持onclick事件,onclick事件在鼠标点击下拉框还没有进行选择操作时就会触发;
要取出选项框的值一般使用change事件。
1.单个下拉框的选项框取值
a.给select取id别名
b.给该select绑定事件
$("#selectId").change(function(){
$(this).find('option:selected').val();//获取用户选择项的值,如果value没有赋值,取得的值是该项的页面展示内容
})
2.循环中的下拉框取值
a.给select区别名class
b.给select绑定事件
$(".selectClass").change(function(){
$(this).find('option:selected').val();//获取用户选择项的值,如果value没有赋值,取得的值是该项的页面展示内容
})
备注:延伸,可以通过ajax写一个二级联动的小demo,比如说动态读取部门信息,再通过用户的选项值获取该部门下的所有员工,二级联动走通了,后面四级联动什么的相信都不是问题。