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

<select  id="ksbm" name="ksbm" lay-filter="ksbm" class="layui-input" placeholder="请选择科室"  &gt;
      <option value="" &gt;全部</option&gt;  
      <option value="1" &gt;1</option&gt; 
      <option value="2" &gt;2</option&gt; 
      <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>

代码007普通

打赏 收藏 海报 链接