精华内容
下载资源
问答
  • 今天小编就为大家分享一篇layui select获取自定义属性方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layui select获取自定义属性值

    千次阅读 2020-06-30 08:40:51
    <li class="layui-form"> <div class="layui-form-item...select name="CountryId" lay-filter="CountryId_select"> <option value="1" data-name="China">中国</option> <option

    HTML:

    <li class="layui-form">
    	<div class="layui-form-item">
    		<div class="layui-input-block">
    			<select name="CountryId" lay-filter="CountryId_select">
    				<option value="1" data-name="China">中国</option>
    				<option value="2" data-name="Cuba">古巴</option>
    				<option value="3" data-name="Russian Federation">俄罗斯</option>
    			</select>
    		</div>
    	</div>
    </li>
    

    JS代码:

    <script src="js/jquery.min.js"></script>
    <script src="layui/layui.all.js"></script>
    layui.use(['upload', 'form'], function () {
    	var $ = layui.jquery,
    		upload = layui.upload,
    		form = layui.form,
    		layer = layui.layer;
    
    	//选择国家
    	form.on('select(CountryId_select)', function(data){
    		var CountryId = data.value; //国家id
    		var CountryEn = $(data.elem).find("option:selected").attr("data-name"); //国家英文名
    	});
    })
    
    展开全文
  • <div class="layui-form-item"> <label class="layui-form-label">产品</label> <div class="layui-input-block">...select name="productId" lay-search lafilter="productId"> ...
              <div class="layui-form-item">
                <label class="layui-form-label">产品</label>
                <div class="layui-input-block">
                  <select name="productId" lay-search  lay-filter="productId">
                    <option value="1" data-name="小米">小米</option>
                    <option value="2" data-name="华为">华为</option>
                    <option value="3" data-name="中兴">中兴</option>
                  </select>
                </div>
              </div>
    
    

    想要获取选中的option 所对应的data-name属性值,js实现如下

        form.on('select(productId)', function (data) {
           
          var name=$(data.elem).find("option:selected").attr("data-name");
    
    
        });     
    
    展开全文
  • 监听select选择 form.on('select(filter)', function(data){ ...获取自定义属性 data.elem.getAttribute("data-id") 例子:取得ID名称 form.on('select', function(data){ //console.log(data.elem); //得到se
  • 今天小编就为大家分享一篇layui下拉框获取下拉值(select)的例子,具有好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layui select怎么获取自定义属性

    千次阅读 2019-04-10 18:05:14
    select name="province" sel-data="34" lay-filter="province"> <option value="">请选择省</option> <option value="北京" data="1">北京</option> <option value="上海" data="2...

     

    <select name="province"  sel-data="34"  lay-filter="province">

    <option value="">请选择省</option>

    <option value="北京" data="1">北京</option>

    <option value="上海" data="2">上海</option>

    <option value="广州" data="3">广州</option>

    <option value="深圳" data="4">深圳</option>

    </select>
     

    分两种

    一种获取select 自定义属性

     
    form.on('select(province)', function(data){
        data.elem.getAttribute('sel-data');

      })

    一种获取option自定义属性

    form.on('select(province)', function(data){
        var pid = data.elem[data.elem.selectedIndex].getAttribute('data');

      })

    展开全文
  • 选中 select选择框的一个值时,将另一文本框显示出来。 h5代码: <select name="content_type" lay-verify="required" lay-filter="choose"> <option value="0">请选择</option> <option ...

    实现效果:
    选中 select选择框的一个值时,将另一文本框显示出来。

    h5代码:

    
    <select name="content_type" lay-verify="required" lay-filter="choose">
    	<option value="0">请选择</option>
    	<option value="1">数字</option>
    	<option value="2">文字</option>
    </select>
    <input type="text" id="test">
    

    js代码

    
    <script src="../layui.js"></script>
    <script>
    layui.use(['form'], function() {
    	var form = layui.form;
    	form.on('select(choose)', function(data) {
    	    console.log(data.elem); //得到select原始DOM对象
    		console.log(data.value); //得到被选中的值
    		var value = data.value;
    		if(value == 0) {
    			$("#count").attr("style", ""); //设置为可见
    		} else {
    			$("#count").attr("style", "display:none;"); //设置为隐藏
    		}
    	});
    	$("#test").attr("style", "display:none;"); //默认设置为隐藏
    });
    </script>
    

    完毕~

    展开全文
  • layui select渲染获取选中的option

    千次阅读 2019-07-05 10:13:00
    form.on('select(groupCode)', function(data){ console.log($(data.elem).find("option:selected").attr("title")); }); 相关代码: SELECT渲染如下 <select name="groupCode" lay-search la...
  • 今天小编就为大家分享一篇layui-select动态选中值的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layui 获取select option value 获取text

    千次阅读 2019-05-29 15:12:00
    $.trim($("#processState").val()); //获取val $("#processState option:selected").text();//获取文本 转载于:https://www.cnblogs.com/nongzihong/p/10943988.html
  • Layui获取select搜索下拉框选中的值

    千次阅读 2020-06-01 16:28:36
    使用layUI的搜索下拉框 <td>类型:</td> <td> <select name="type" id="type" lay-verify="required" lay-search="" lay-filter="type" style="width: 100%"> <option value=""&g
  • <div class="layui-form-item"> <label class="layui-form-label" data-form="form-label">指标类型</label> <div class="layui-input-block must" data-form="input-block">...select i...
  • layui获取select选中值

    千次阅读 2019-07-19 13:31:06
    var devicemd_id = $(’#devicemd_id[name=devicemd_id]’).val()
  • 使用layui框架的select获取选中的值

    万次阅读 2018-10-19 10:44:42
    在使用时需要注意:select标签的外层需要加上类名".layui-form"   接下来就是根据需求来改变下拉框的内容了,直接给select的option重新赋一次值,记得加上对应的value属性。这里要和layui.js动态加上...
  • layui里面给了特定几个自定义属性title <select name="search" lay-filter="search"> <option value="">请选择属性</option> <option value="1" title="A-1">PHP</option> <...
  • 使用layui框架的select获取选中的值和文本

    万次阅读 多人点赞 2019-02-21 15:52:08
    在使用时需要注意:select标签的外层需要加上类名".layui-form" &nbsp; 接下来就是根据需求来改变下拉框的内容了,直接给select的option重新赋一次值,记得加上对应的value属性。这里要和layui.js...
  • layui的下拉框也是一个下拉框! 不要去思考使用layui内置的动态函数,然后加上全局变量的这种方式搞了。 实际上没有这么麻烦,比如说简单的使用jQuery,也是可以搞定的。 var w = $("#selector ").val(); var w2 =...
  • 在一次实习中,使用了layui做前端,...但是遇到了一个小问题,就是在动态添加了option之后,无法正确获取value和text。 使用网上的方法 1.var data=$("#lay-filter").val() 2.var myselect=document.getElementBy...
  • <select id="XXX" name="XXX" lay-search=""> <option value="">直接选择或搜索选择</option> </select> 选中第一个值: $($('#XXX').sibling...
  • 今天小编就为大家分享一篇layui--select使用以及下拉框实现键盘选择的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,151
精华内容 1,660
关键字:

layuiselect获取