下拉框触发单击事件_Layui下拉框如何触发绑定事件-Fun言

前言

有时候我们需要选择下拉框中的选项后再进行一些操作，所以下面教大家怎么在下拉框选择的时候绑定事件。

普通下拉框绑定事件

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登录 或 注册！

文章评论

发表评论