LayUI设置Option选中第一个，LayUI Option 选中第一个，Layui设置第一个option选中

最新推荐文章于 2024-07-20 20:11:36 发布
最新推荐文章于 2024-07-20 20:11:36 发布
阅读量1.1k 收藏
点赞数
分类专栏： 毕设 文章标签： spring boot
原文链接：https://blog.csdn.net/w995223851/article/details/88350020
版权

LayUI设置Option选中第一个，LayUI Option 选中第一个，Layui设置第一个option选中

 

 

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

©Copyright 蕃薯耀 2017年9月7日

http://fanshuyao.iteye.com/

 


    
    
  1. 
      
      
    
       
       
    
      
      
    
      
      
    
       
       
    
        
        <div class="layui-inline layui-inline-none query-criteria-more">
       
       
    
      
      
  2. 
      
      
    
       
       
    
      
      
    
      
      
    
       
       
        
        
        <label class="layui-form-label">渠道：
        
        </label>
       
       
    
      
      
  3. 
      
      
    
       
       
    
      
      
    
      
      
    
       
       
        
        
        <div class="layui-input-inline">
       
       
    
      
      
  4. 
      
      
    
       
       
    
      
      
    
      
      
    
       
       
    	
        
        <select name="aaa">
       
       
    
      
      
  5. 
      
      
    
       
       
    
      
      
    
      
      
    
       
       
    	    
        
        <option value="1,2,3,4">全部
        
        </option>
       
       
    
      
      
  6. 
      
      
    
       
       
    
      
      
    
      
      
    
       
       
    	    
        
        <option value="1">运营平台
        
        </option>
       
       
    
      
      
  7. 
      
      
    
       
       
    
      
      
    
      
      
    
       
       
    	    
        
        <option value="2">渠道平台
        
        </option>
       
       
    
      
      
  8. 
      
      
    
       
       
    
      
      
    
      
      
    
       
       
    	    
        
        <option value="3">公众号
        
        </option>
       
       
    
      
      
  9. 
      
      
    
       
       
    
      
      
    
      
      
    
       
       
    	    
        
        <option value="4">小程序
        
        </option>
       
       
    
      
      
  10. 
      
      
    
       
       
    
      
      
    
      
      
    
       
       
    	
        
        </select>
       
       
    
      
      
  11. 
      
      
    
       
       
    
      
      
    
      
      
    
       
       
        
        
        </div>
       
       
    
      
      
  12. 
      
      
    
       
       
    
      
      
    
      
      
    
       
       
    
        
        </div>

 

Layui设置第一个option选中

var queryCriteriaMore = $(".query-criteria-more");
queryCriteriaMore.find("select").siblings("div.layui-form-select").find("dd:first").click();

 

如果具体要设置到哪个option，则再根据lay-value判断获取对象，然后调用click事件。


    
    
  1. 
      
      
    
       
       
    
      
      
    
      
      
    
       
       
    
        
        <dl class="layui-anim layui-anim-upbit">
       
       
    
      
      
  2. 
      
      
    
       
       
    
      
      
    
      
      
    
       
       
        
        
        <dd lay-value="1,2,3" class="layui-this">全部
        
        </dd>
       
       
    
      
      
  3. 
      
      
    
       
       
    
      
      
    
      
      
    
       
       
        
        
        <dd lay-value="1" class="">待发布
        
        </dd>
       
       
    
      
      
  4. 
      
      
    
       
       
    
      
      
    
      
      
    
       
       
        
        
        <dd lay-value="2" class="">已发布
        
        </dd>
       
       
    
      
      
  5. 
      
      
    
       
       
    
      
      
    
      
      
    
       
       
        
        
        <dd lay-value="3" class="">已删除
        
        </dd>
       
       
    
      
      
  6. 
      
      
    
       
       
    
      
      
    
      
      
    
       
       
    
        
        </dl>

 

 清空layui-input输入框的值，包括日期插件。


    
    
  1. 
      
      
    
       
       
    
      
      
    
      
      
    
       
       
    
        
        <div class=
        
        "layui-inline layui-inline-none query-criteria-more">
       
       
    
      
      
  2. 
      
      
    
       
       
    
      
      
    
      
      
    
       
       
    
        
            <label class=
        
        "layui-form-label">版本号：</label>
       
       
    
      
      
  3. 
      
      
    
       
       
    
      
      
    
      
      
    
       
       
    
        
            <div class=
        
        "layui-input-inline">
       
       
    
      
      
  4. 
      
      
    
       
       
    
      
      
    
      
      
    
       
       
    
        
                <input type=
        
        "text" name=
        
        "versionNumber" autocomplete=
        
        "off" class=
        
        "layui-input" placeholder=
        
        "请输入版本号" >
       
       
    
      
      
  5. 
      
      
    
       
       
    
      
      
    
      
      
    
       
       
    
        
            </div>
       
       
    
      
      
  6. 
      
      
    
       
       
    
      
      
    
      
      
    
       
       
    
        
        </div>

 

var queryCriteriaMore = $(".query-criteria-more");
queryCriteriaMore.find("div>input.layui-input").val("");

 

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

©Copyright 蕃薯耀 2017年9月7日

http://fanshuyao.iteye.com/

我是一只蘑菇17
关注
专栏目录
Layui实现动态生成select中的option项,同时设置select下拉框选中项
weixin_44320224的博客
01-27 4251
Layui实现动态生成select中的option项,同时设置select下拉框选中项 项目场景： 主要用于为民族select下拉框动态生成option值，同时在实现编辑功能时，表单中的select下拉框的选中项为后台传过来的数据。 举例： 如下图所示的表单内容，下图的民族和政治面貌select下拉框分别采用了不同的方法来实现设置选中项。 代码： 民族的select下拉框的实现代码（动态添加option项同时设置下拉框的选中项） jsp <div class="layui-inline"
Layui 设置select下拉框自动选中某项的方法
12-29
1、 需求场景分析 用户需要更改某一项活动的信息，活动信息中包含需要用下拉框选择的字段A。在用户点击进行修改弹出对话框的瞬间需要填补已有的活动信息，自动选择字段A已经存在的值。 2、 Layui的select下拉框是怎么实现的 为了获得一个select标配的下拉框，我们需要在html中填写的内容如下： * 发送对象： <
layui 的 select 下拉选择框实现默认选中某一项
BetterGG的博客
06-15 1万+
1、使用 select 下拉选择框后在浏览器的选择效果 2、如何实现自动选择 通过默认执行一次 click 事件触发 //状态选中项 var opts = $('.layer_update .layui-input-block dl.layui-anim dd') for (var i = 0; i < opts.length; i ++) { ...
表单标签select以第一个option为默认选项，怎么解决？
最新发布
ready_to_be的博客
07-20 746
下面是代码举例。
layui 下拉框默认选中
热门推荐
yournevermore的博客
01-28 2万+
$("#selectList").find("option[value="+camera_id+"]").prop("selected",true); form.render();
LayUI下拉框默认选中方法
XTfighting的博客
04-23 6582
layui中有两种下拉框默认选中方法。注意两种方法必须加上form.render()才有效果。 1、方法一： $("#selectid").find("option[value="+value+"]").prop("selected",true); form.render(); 2、方法二： $("#selectid").val(value); form.render(); ...
layui下拉框（动态添加），默认选中
大熊猫ζ的博客
04-01 1331
动态添加的 //解释： name用于form表单提交获取数据 ， verify验证 <select name = 'gpBelongs' id='gpBelongs' lay-verify="required" lay-search=''> <option value="">请选择</option> </select> //动态获取数据 //例如： var data = [{id:'
layui监听select变化,以及设置radio选中的方法
10-16
// 假设我们要设置的默认选项是第二个 $("#exampleSelect").val($("#exampleSelect option:eq(" + defaultOptionIndex + ")").val()); form.render('select'); ``` 这样，当页面加载完成后，select就会显示你指定的...
layui怎么设置select默认选中，修改回显
zhhhhhh1213的博客
03-05 6346
后端取出的值 <div class="layui-form-item" style="position: relative;z-index: 10;"> <label class="layui-form-label">文章分类</label> <div class="layui-input-block" lay-filter="selFilter"> <selec
layui select 禁止点击的实现方法
10-16
第一，必须正确地使用`layui.use`来加载模块。第二，确保在设置属性后调用`form.render`以使属性生效。这些细节对于实现禁用功能至关重要。 综上所述，要在Layui框架中实现select组件的禁用，关键在于正确加载form...
layer插件select选中默认值的方法
12-10
再次更改代码的时候，因为城市下拉列表是从数据库查出来的，所以这时候就想到了一起以前用到的一个方法：select重新渲染 就是把未渲染的元素该怎么设置值还怎么设置值，然后把layer渲染出来的页面样式，从新再渲染一次， ，， 示例： [layui渲染文档](http://www.layui.com/doc/modules/form.html#render) $("#userName).val("小明"); ... $("#city").val("天剑山"); ...一大堆需要设置的值，然后一个渲染，就可以了 form.render(); //更新全部 form.rend
layui默认选中第一个单选框
Wuhaotian1996的博客
11-29 5706
$('input:radio[name=productionTaskStatus]')[0].checked = true; layui.form.render(); 写法比较特殊
layui select 默认选中
weixin_40524748的博客
07-23 1万+
$("select dom").val(默认选中项的value) 然后调用form.select()
layui select 默认选中 vue select 动态选中
Yangliwei的博客
03-07 2154
1，定义一个变量来存默认选中的东西 var page = new Vue({ el: '#page', data: { //间隔时间 interval: 0 }, 2，在select标签中写入： &lt;select id="timespeed" lay-verify="" v-model="...
layui 下拉框默认选中
东东东东东辉
10-12 1808
$('#originSelect option[value=' + saveData.tableId + ']').attr('selected', true);//数据源下拉框默认选中 $('#originSelect').val(saveData.tableId); form.render('select');
el-ui 字典dict 下拉select 默认选中第一个值（若依）
weixin_45928771的博客
04-27 1880
el-ui 字典dict 下拉select 默认选中第一个值（若依）
select下拉框置空，默认选中第一行
javaDX的博客
05-21 1460
1.html代码示例 <label class="layui-form-label" style="width: 40px">应用:</label> <div class="layui-input-inline"> <select id="selectid " lay-verify="required" lay-search=""> <option value="">请选择应用</option>
layui中的select组件动态给option值，并默认选中指定的option
yuzheh521的博客
05-07 3683
1.下载好layui跟jquery所需要的jar 2.代码实例(可直接粘贴复制使用) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>layui-select的动态的option</title> <meta name="renderer...
select2组件使用二级联动第二级默认选中第一个option值
05-25
你可以通过 JavaScript 代码实现 select2 二级联动第二级默认选中第一个 option 值。具体的实现方法如下： 1. 在 HTML 中定义两个 select 元素，第一个 select 元素为父级，第二个 select 元素为子级，代码如下： ```html <select id="parent"> <option value="1">Option 1</option> <option value="2">Option 2</option> </select> <select id="child"> <option value="11">Option 11</option> <option value="12">Option 12</option> <option value="21">Option 21</option> <option value="22">Option 22</option> </select> ``` 2. 使用 select2 插件初始化两个 select 元素，代码如下： ```javascript $('#parent').select2(); $('#child').select2(); ``` 3. 监听父级 select 元素的 change 事件，在事件处理函数中根据父级选中的值动态生成子级的 option 元素，并设置第一个 option 元素为默认选中。代码如下： ```javascript $('#parent').on('change', function () { var parentVal = $(this).val(); var childOptions = ''; if (parentVal == '1') { childOptions += '<option value="11">Option 11</option>'; childOptions += '<option value="12">Option 12</option>'; } else if (parentVal == '2') { childOptions += '<option value="21">Option 21</option>'; childOptions += '<option value="22">Option 22</option>'; } $('#child').html(childOptions).val($('#child option:first').val()).trigger('change'); }); ``` 以上代码中，我们通过判断父级 select 元素选中的值，动态生成子级的 option 元素，并使用 val() 方法设置第一个 option 元素为默认选中。最后，使用 trigger() 方法触发子级 select 元素的 change 事件，以便 select2 插件更新选中状态。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值