LayUI中的select

layui下拉列表的事件不能用jq的change 应该用自带的方式写

默认情况下,事件所监听的是全部的form模块元素,但如果你只想监听某一个元素,使用事件过滤器即可。

如:
监听select
下拉选择框被选中时触发,回调函数返回一个object参数,携带两个成员:
注意:form.render(‘select’);渲染一下 不然你的操作还是不生效 select不是选择器 表示渲染下拉列表 不写表示所有表单都渲染
语法如下

form.on('select(filter)', function(data){

  console.log(data.elem); //得到select原始DOM对象

  console.log(data.elem[data.elem.selectedIndex].text); //得到选中的option的文本内容
  
  console.log(data.value); //得到被选中的值

  console.log(data.othis); //得到美化后的DOM对象

  var no = $(data.elem).find("option:selected").attr("data_id"); //得到选中的option的自定义属性的值
}); 
form.on('select(search_type)', function(data){
    var html_one='<option value="1">充值</option><option value="2">还本付息</option>';
    if(data.value == 1){
        $("#search_detail").html(html_one);
        form.render('select');
    }else if(data.value == 2){
        var html_two='<option value="3">提现</option><option value="4">购买产品</option>';
        $("#search_detail").html(html_two);
        form.render('select');//select是固定写法 不是选择器
    }
 
});

上图的search_type就是下拉列表的lat-filter参数的值

 lay-filter="search_type"
<div class="layui-form-item">
               <label for="type" class="layui-form-label">
                   <span class="x-red">*</span>所属地区
               </label>
               <div class="layui-input-inline">
                   <select id="regionId" name="regionId" lay-verify="required|type" lay-filter="search_type">
                   </select>
               </div>
           </div>

另外,动态向select中赋值时,需要用到渲染,否则会无法复制,只需在赋值代码后添加

form.render('select');

select默认选中:在option中加入属性selected
另外我卖鞋,A锥、椰子、麦昆、古驰、匡威、彪马、UGG、CK、巴黎世家等等,啥都有,物美价廉,有想法加微信哦:AJ666cmy

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值