layui下拉框jQuery动态修改选中并展示
<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>