layui radio 、select 赋值方法

下面展示一些 radio 单选框赋值

 <div class="layui-inline layui-col-md4"><label class="layui-form-label" id="jz" required>是否紧急 </label><div class="layui-input-block"><input type="radio" name="nonUrgency" value="1" title="紧急" ><input type="radio" name="nonUrgency" value="2" title="急"  ><input type="radio" name="nonUrgency" value="0" title="一般"  ></div></div>
//历遍数组 二次渲染document.querySelector("input[name='nonUrgency'][value='"+parent.fromData.nonUrgency+"']").checked=true;form.render();

下面展示一些 select 下拉框赋值 (利用字典项 循环)

<div class="layui-inline layui-col-md4"><label class="layui-form-label "id="jz">类型:</label><div class="layui-input-block"><select name="type" id="type" lay-verType="tips" lay-verify="required" required><option value="">请选择</option>#for(m : listType)   <option value="#(m.id)">#(m.name)</option>#end</select></div></div>
/利用字典项 去循环var select = 'dd[lay-value=' + parent.fromData.type + ']';$('#type').siblings("div.layui-form-select").find('dl').find(select).click();

注意: parent.fromData.nonUrgency : 传过来的父页面数据 // 此笔记记录 自己遇到的问题
作者:TJion

layui 实现动态 radio 、select下拉框 jQuery赋值方法相关推荐

  1. bootstrap获取下拉框数据_bootstrap动态调用select下拉框的实现方法

    bootstrap动态调用select下拉框的实例代码 html代码: 填报部门: JS代码: /*获取下拉菜单*/ function showSel(){ $.ajax({ "type&q ...

  2. 动态联动select下拉框实现

    我们在做下拉框选择时,常常会遇到一种场景,就是需要两个下拉框,其中一个下拉框的选项和内容需要根据第一个的下拉框的选择动态变化. 比如我有大的分类: 有氧运动  无氧运动 选择有氧运动时,选项有:跑步, ...

  3. 动态渲染select下拉框选中状态

    动态渲染select下拉框选中状态 <div><select name="selectBox" id="" class="selec ...

  4. jquery操作select下拉框的各种方法,获取选中项的值或文本,根据指定的值或文本选中select的option项等...

    简介jquery里对select进行各种操作的方法,如联动.取值.根据值或文本来选中指定的select下拉框指定的option选项,读取select选中项的值和文本等. 这一章,站长总结一下jquer ...

  5. jQuery动态生成select下拉框

    前一阵在项目里需要动态生成下拉框,找了一下用jQuery实现比较方便,这里整理一下. 下文所述方法只是本人在项目中遇到问题的解决方法,场景较为简单,也希望能帮助有需要的朋友 1.动态生成下拉框的两种方 ...

  6. bootstrap动态调用select下拉框

    html代码: <label for="classify" class="col-sm-2 control-label">填报部门:</lab ...

  7. layui中监听select下拉框改变事件

    前言:使用在如省市区三级联动,二级联动场景等场景 一.HTML部分通过lay-filer属性 <div class="layui-form-item"><labe ...

  8. layui怎么给下拉框赋值_layui给select下拉框赋值

    转: layui给select下拉框赋值 //重新渲染表单函数 function renderForm() { layui.use('form', function() { var form = la ...

  9. layui select下拉框(弹窗中的)

    1.html代码 <div id="assignRoles" style="display: none"> <!--style="d ...

最新文章

  1. Apache的工作原理
  2. 浅谈游戏视觉包装中的“情感化设计”
  3. MapReduce Service更换集群外部时钟源,仅需10步
  4. Ecilpse常用快捷键总结
  5. @bean 什么时候执行_离婚冷静期什么时候开始执行?
  6. Nginx是如何处理一个HTTP请求的
  7. 微信小程序图片宽高自适应
  8. linux启动exe程序命令行参数,Linux可执行文件的启动及命令行参数和环境变量的传递...
  9. 给电脑设置视力保护色
  10. __FILE__, __FUNCTION__, __LINE__学习篇,谨以此文告别那无知的岁月
  11. Numpy 学习专题(十)—— 大作业
  12. PPT基础(一)怎么把图片设置为背景
  13. WebLogic之WebLogic安装
  14. C语言用循环写出新年祝福语图案,如何用C语言写新年祝福
  15. koreader如何选择kindle的版本
  16. 独家解读:你所不知道的阿里1688
  17. MySQL 数据库生成自动增长序号
  18. c语言——试题库编程题_[经典例题——60道]
  19. VS+QT 无法打开源文件解决方案
  20. python:打印九九乘法表、直角三角形、等腰三角形、正方形

热门文章

  1. R语言GWR地理加权回归
  2. B-样条基函数:重要性质
  3. Hadoop3.2.1 【 YARN 】源码分析 : ApplicationMasterService 源码浅析 [ 一 ]
  4. Web前端-Ajax-01
  5. 赛迪顾问看好中国信息安全市场稳步发展
  6. 阿里云域名购买至备案流程
  7. jQuery-5(HTML DOM)
  8. 找不到com.sun.beans.introspect.PropertyInfo的类文件问题
  9. 设计了一款 IGBT单脉冲、双脉冲测试波形信号发生器
  10. 2022年起重机司机(限门式起重机)考试题库及在线模拟考试