当前位置:首页 > 技术 > 正文内容

layui 下拉菜单选中触发事件示例

蓝飞鱼3个月前 (04-19)技术831

要点:给select一个layui-filter属性,用Layui自带的表单监听事件功能

<div class="layui-form" >
  <div class="layui-form-item">
    <div class="layui-inline">
      <label class="layui-form-label">选择框</label>
      <div class="layui-input-inline">
        <select lay-filter="district" name="modules" lay-verify="required" lay-search>
          <option value="">直接选择</option>
          <option value="1">layer</option>
          <option value="2">form</option>
          <option value="3">layim</option>
          <option value="4">element</option>
        </select>
      </div>
    </div>
  </div> 
</div>
layui.use(['form'], function(){
  var form = layui.form;
     form.on('select(district)', function(data){
             alert(data.value); // 获取选中的值 
			 form.render('select');
			 })
});


扫描二维码推送至手机访问。

版权声明:本文由飞鱼时空发布,如需转载请注明出处。

本文链接:https://www.zwza.cn/post/2243.html

分享给朋友:

“layui 下拉菜单选中触发事件示例” 的相关文章