首页 前端知识 layui下拉框jQuery动态修改选中并展示

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

2024-05-12 00:05:59 前端知识 前端哥 294 665 我要收藏
<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>

转载请注明出处或者链接地址:https://www.qianduange.cn//article/8208.html
标签
layui
评论
发布的文章

JSON三种数据解析方法

2024-05-22 09:05:13

使用nvm管理(切换)node版本

2024-05-22 09:05:48

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!