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>

相关推荐

  1. layuijQuery动态修改选中展示

    2023-12-05 15:44:04       70 阅读
  2. Vue+ElementUI实现输入日期动态展示

    2023-12-05 15:44:04       60 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-05 15:44:04       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-05 15:44:04       106 阅读
  3. 在Django里面运行非项目文件

    2023-12-05 15:44:04       87 阅读
  4. Python语言-面向对象

    2023-12-05 15:44:04       96 阅读

热门阅读

  1. 深度学习(二):pytorch基础知识

    2023-12-05 15:44:04       39 阅读
  2. kafka的详细安装部署

    2023-12-05 15:44:04       43 阅读
  3. PTA 7-229 sdut-C语言实验- 排序

    2023-12-05 15:44:04       48 阅读
  4. boost库---circular_buffer用法

    2023-12-05 15:44:04       65 阅读
  5. CentOS部署python Flask项目

    2023-12-05 15:44:04       61 阅读
  6. Vue封装组件 父子组件相互传值

    2023-12-05 15:44:04       56 阅读
  7. CSS进阶

    CSS进阶

    2023-12-05 15:44:04      51 阅读