`

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

阅读更多

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

 

 

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

©Copyright 蕃薯耀 2017年9月7日

http://fanshuyao.iteye.com/

 

<div class="layui-inline layui-inline-none query-criteria-more">
    <label class="layui-form-label">渠道:</label>
    <div class="layui-input-inline">
	<select name="aaa">
	    <option value="1,2,3,4">全部</option>
	    <option value="1">运营平台</option>
	    <option value="2">渠道平台</option>
	    <option value="3">公众号</option>
	    <option value="4">小程序</option>
	</select>
    </div>
</div>

 

Layui设置第一个option选中

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

 

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

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

 

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

<div class="layui-inline layui-inline-none query-criteria-more">
    <label class="layui-form-label">版本号:</label>
    <div class="layui-input-inline">
        <input type="text" name="versionNumber" autocomplete="off" class="layui-input" placeholder="请输入版本号" >
    </div>
</div>

 

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

 

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

©Copyright 蕃薯耀 2017年9月7日

http://fanshuyao.iteye.com/

2
1
分享到:
评论
1 楼 蕃薯耀 2017-09-07  
LayUI设置Option选中第一个,LayUI Option 选中第一个,Layui设置第一个option选中


>>>>>>>>
蕃薯耀

相关推荐

    layui监听select变化,以及设置radio选中的方法

    // 假设我们要设置的默认选项是第二个 $("#exampleSelect").val($("#exampleSelect option:eq(" + defaultOptionIndex + ")").val()); form.render('select'); ``` 这样,当页面加载完成后,select就会显示你指定的...

    layui树形下拉菜单完整实例

    初始化下拉列表是创建树形下拉菜单的第一步。这通常涉及设置HTML结构,然后通过layui的API加载数据。在layui中,可以使用`layui.tree.render()`方法来渲染树形结构,传入配置对象,其中包含数据源(一般为JSON数组...

    layui select 禁止点击的实现方法

    第一,必须正确地使用`layui.use`来加载模块。第二,确保在设置属性后调用`form.render`以使属性生效。这些细节对于实现禁用功能至关重要。 综上所述,要在Layui框架中实现select组件的禁用,关键在于正确加载form...

    layui风格多选下拉

    6.xm-select插件:从压缩包中的`xm-select-v1.2.4`来看,可能还涉及到`xm-select`这个第三方插件,它是layui生态中一款增强型的下拉选择器,提供了更丰富的功能和自定义配置。如果使用`xm-select`,则需额外引入该...

    Layui带搜索的下拉框的使用以及动态数据绑定方法

    在拼接数据之前,需要添加一个value值为空的选项,这是为了预留一个默认的请选择选项,以便用户可以选择默认值,而不是默认选中第一个拼接的选项。当有选中值传入时,需要先判断这个选中值是否为空,如果不为空,则...

    select获取下拉框的值 下拉框默认选中方法

    select标签是HTML中常用的选择控件,用于让用户从多个选项中选择一个或多个选项。在实际开发中,我们经常需要获取select标签的值或将其默认选中某个选项本文将详细介绍select获取下拉框的值和默认选中方法。 一、...

    layui 根据后台数据动态创建下拉框并同时默认选中的实例

    第一步 form表单里写好一个下拉框 &lt;div class=layui-form-item&gt; &lt;label class=layui-form-label&gt;下拉选择框 &lt;div class=layui-input-block&gt; &lt;select id=selectId name=interest lay-filter=city&gt; &lt;/...

    layui select获取自定义属性方法

    layui是一个前端UI框架,它为Web开发者提供了一套丰富的界面元素和操作方式,尤其在处理表单元素时提供了很多便利。 首先,我们了解到layui的select组件可以通过特定的方式监听select元素的变化,并获取到选中的值...

    layui的select联动实现代码

    // 将第一个城市设为默认选中 $("#City").get(0).selectedIndex = 0; } }); }); ``` 在AJAX请求成功后,我们需要清空当前城市select的内容,然后遍历返回的数据,为每个城市创建一个新的option元素并添加到...

    Html Select 使用selected属性设置默认选择项

    例如,在`&lt;select&gt;`元素中包含三个`&lt;option&gt;`子元素的情况下,如果开发者希望第一个选项为默认选中,则需要确保第一个`&lt;option&gt;`元素内有`selected="selected"`属性,代码如下: ```html &lt;option value="2"&gt;全部...

    select标签边框的颜色select标签边框的颜色

    用户可以通过这个标签来选择一个或多个预设的选项。然而,`&lt;select&gt;` 标签的默认样式可能并不符合所有设计需求,因此,调整其边框颜色常常是网页定制化过程中的一个环节。 ### 1. CSS 样式控制 HTML 元素的外观...

    省市区 三级联动 连续两个联动 html+JS 案例

    每个`&lt;option&gt;`标签则表示一个具体的省、市或区。同时,HTML中还需要引入`layui.js`和`cities.js`这两个外部脚本文件,它们分别负责样式美化和数据驱动。 `layui.js`是一个轻量级的前端UI框架,它提供了丰富的组件...

    select项内容过长解决办法

    1. **设置固定宽度**:你可以为`&lt;select&gt;`元素设置一个固定的宽度,确保它不会因为内容过长而扩大。例如: ```html ;"&gt; &lt;!-- 选项内容 --&gt; ``` 这种方法适用于选项长度大致相同的情况,但可能无法应对所有...

    使用Jquery定时实现显示隐藏,并且自动填充,,单选判断显示隐藏文本框,小功能

    在IT行业中,JavaScript库JQuery是一个非常常用的工具,它简化了DOM操作、事件处理和Ajax交互等任务。...在layui和js框架中,JQuery的这些功能同样适用,因为layui是一个基于JQuery的轻量级前端组件库。

Global site tag (gtag.js) - Google Analytics