layui下拉js动态修改选中并展示


<select  id="ksbm" name="ksbm" lay-filter="ksbm" class="layui-input" placeholder="请选择科室"  >
      <option value="" >全部</option>  
      <option value="1" >1</option> 
      <option value="2" >2</option> 
      <option value="3" >3</option> 
</select>

众所周知select的下拉的赋值方式为$(“#ksbm”).val(1);那么select下拉框就会根据value值选中并展示对应的选项,但layui中form表单尝试发现并不可行,也查了很多资料,感觉说的好复杂。

其实解决思路很简单:

    在手动赋值以后对保单中的下拉重新渲染即可。只需进行form.render('select')。
<script type="text/javascript">
 
    var form;
    layui.use(['laydate','form'], function(){
        var laydate = layui.laydate;
        form = layui.form;
    });
 
    
    //只需要在修改后重新渲染form表单中的select
    $("#ksbm").val(1);
    form.render('select');
</script>
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值