在使用LayUI框架时,获取select选中的文本是一个常见的需求。以下是几种获取LayUI select组件中选中文本的方法: 方法一:使用LayUI的form模块 LayUI的form模块提供了一个监听select事件的方法,可以在事件处理函数中获取选中的文本。 javascript layui.use('form', function(){ var form = layui.form; // 监听sele...
form.on('select',function(data) { lettext=data.elem.selectedOptions[0].text; letvalue=data.elem.selectedOptions[0].value; console.log(text); console.log(value); //console.log(data.elem); //得到select原始DOM对象 //console.log(data.value); //得到被选中的值 //console.log(data.othis);...
1:拿到select对象: var myselect=document.getElementById(“test”); 2:拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index 3:拿到选中项options的value: myselect.options[index].value; 4:拿到选中项options的text: myselect.options[index].text; 二:jQu...
s1 = $("#city option:selected").text();//获取选中option文本 layer.msg(s1); } if(id ==="set_value") { // $("#city").find("option[value='2']").attr("selected", true); //该方法在非IE浏览器下只能第一次有效(IE下面完全正常),原因为 $("#city").val('2');//根据value值选...
</select> 在下拉选择的时候,添加监听事件 form.on('select(down_link_name)', function (data) { console.log(this.innerText); //得到被选中文本 console.log(data.value); //得到被选中的值 }); 如果要直接获取选中的值和文本,不需要用监听事件,那么直接就可以使用jQuery方法 ...
接下来就是根据需求来改变下拉框的内容了,直接给select的option重新赋一次值,记得加上对应的value属性。这里要和layui.js动态加上的dd标签的lay-value属性一致 重点来了!!!如何获取下拉框选中的值呢?图又来了 当然也可以,通过option的value值获取它的属性,比如id属性,同样也能根据id获取option的文本内容了...
form.on('select(filter)', function(data){ console.log(data.elem); //得到select原始DOM对象 console.log(data.value); //得到被选中的值 console.log(data.othis); //得到美化后的DOM对象 console.log(data.elem[data.elem.selectedIndex].text); //得到文本内容}); 1. 2. 3. 4. 5. 6. 引用...
//点击弹出的“客户信息”弹层上的表格中“选中”按钮的触发函数functiondepartment_tool_event_handler(obj) {console.info(obj);vardata = obj.data;switch(obj.event) {case'select': $('#dname').val(data.dname); layer.close(layer.index);break; ...
3.可以通过optgroup标签给select分组 4.通过设定lay-search属性可以来开启搜索配匹功能 复选框: <div class="layui-form-item"> <label class="layui-form-label">爱好:</label> <div class="layui-input-block"> <!-- 复选框: 1.通过title属性设置自定义文本(如果不需要显示文本,则无需设置title) 2...
//Layui select赋值,并主动触发选择事件//Input: selectId:ID选择器,selectFilter:lay-filter名称,value:需要的赋值,text:显示文本值functionsetSelect(selectId, selectFilter, value, text){//赋值$(selectId).find("option[value="+value+"]").prop("selected",true); ...