前言
有时候我们需要选择下拉框中的选项后再进行一些操作,所以下面教大家怎么在下拉框选择的时候绑定事件。
普通下拉框绑定事件
html:
选项一
选项二
添加一个option的触发事件,在option中添加onclick 点来点去是不会触发事件
在select中添加onclick ,没选option呢就触发了
所以option没有触发事件,需要在select中加onchange事件
JS:
function btnChange(){
var objS = document.getElementById("pid");
var value = objS.options[objS.selectedIndex].value;
alert(value);
}
Jquery:$("#pid").change(function(){
var opt=$("#pid").val();
alert(opt);
});
Layui下拉框触发事件layui下拉框不同于原生下拉框,layui会重新渲染下拉框,所以我们着重来看一下
第一步:我们直接在下拉框添加lay-filter
第二步:js执行下面代码form.on('select(test)', function(data){
console.log(data.elem); //得到select原始DOM对象
console.log(data.value); //得到被选中的值
console.log(data.othis); //得到美化后的DOM对象
});
这样就可以了。
你还没有登录,请先使用 QQ登录 或 注册!
文章评论
发表评论