精华内容
下载资源
问答
  • layui select 选择事件

    千次阅读 2018-07-18 20:05:42
    layui-input-inline"> <select name="province" lay-filter="province" id="prov_id"> <option value="">请选择省份</...
    <div class="layui-input-inline">
        <select name="province" lay-filter="province" id="prov_id">
            <option value="">请选择省份</option>
            {volist name="province" id = "vo"}
            <option value="{$vo['code']}" >{$vo['name']}</option>
            {/volist}
        </select>
    </div>
    <div class="layui-input-inline">
        <select name="city_id" id='city_id' lay-filter="city">
        </select>
    </div>
    <div class="layui-input-inline">
        <select name='area_id' id='area_id' lay-filter="areas">
        </select>
    </div>

    如果想获取select 的值 如

    form.on("select.province",function(data){

    console.log(data.value);/输出的为selected的值

    如果是三级联动,使其展现出城市,那么则是使用

    form.on('select(province)',function(data){  //获取省id,取出对应的市信息
        var html="<option value=''>请选择</option>";
        var prov_id = data.value;
        // console.log(prov_id);
        if(prov_id ==110000 || prov_id ==120100 || prov_id ==310100 || prov_id ==500000){
            $("#city_id").html("<option value=''>请选择地区</option>");
            $.post(base_url+"admin/admin/getCity",{prov_id:prov_id},function(data){
                $(data).each(function(k,v){
                    $(v).each(function(kk,vv){
                        html +="<option value='"+ vv.code +"'> "+vv.name +" </option>";
                    });
                });
                $('#area_id').html(html);
                form.render('select');
            },"json");
            $('#area_id').html("<option value=''>请选择地区</option>");
        }else{
            $("#city_id").parent().show();
            $.post(base_url+"admin/Admin/getCity",{prov_id:prov_id},function(data){
                // console.log(data);
                $(data).each(function(k,v){
                    $(v).each(function(kk,vv){
                        html +="<option value='"+ vv.code +"'> "+vv.name +" </option>";
                    });
                });
                $('#city_id').append(html);
                form.render('select');
            },"json");
            $('#area_id').html("<option value=''>请选择地区</option>");
        }
    
    });
    

    })

    展开全文
  • layui select下拉框选择事件

    千次阅读 2019-08-13 10:32:49
    前端,layuiselect下拉框选择事件

    html:

    <div class="layui-input-inline layui-show-xs-block" style="margin-left: 25%">
    	<select lay-filter="kuang" lay-verify="required" id="select_id" name="condition">
    			<option value="">按类型进行排序</option>
    			<option name="da" value="3">大</option>
    			 <option name="zhong" value="2">中</option>
    			<option name="xiao" value="1">小</option>
    	</select>
    </div>
    

    js:

        layui.use(['layer', 'jquery', 'form'], function () {
            var layer = layui.layer,
                $ = layui.jquery,
                form = layui.form;
            form.on('select(kuang)', function (data) {
    //        console.log(data);
                if (data.value == 1) {
                    console.log(1);
                } else if (data.value == 2) {
                    console.log(2);
                } else if (data.value == 3) {
                    console.log(3);
                }
            });
        });
    
    展开全文
  • layui select onchange事件

    万次阅读 多人点赞 2018-08-29 10:13:23
    &lt;div class="layui-input-block"&gt;  &lt;select id="brickType" lay-filter="brickType"&gt;  &lt;option value="0"&

    1、html代码如下,不要忘记 lay-filter属性

    <div class="layui-input-block">
                         <select id="brickType"  lay-filter="brickType">
                                <option value="0">--请选择型号--</option>
                                <option value="ty1">型号1</option>
                                <option value="ty2">型号2</option>
                                <option value="ty3">型号3</option>    
                           </select>
          </div>

    2、javascirpt代码如下

    layui.use(['form'], function() {
             form=layui.form;
    form.on('select(brickType)', function(data){   
      var val=data.value;
    console.info(val);

                           });

            });

    展开全文
  • Layui select触发事件

    2021-01-21 11:36:38
    layui.use(['form'], function () { let form = layui.form; $(document).ready(function() { // select下拉框选中触发事件 form.on("select", function(data){ alert(data.value); // 获取选中的值 });
    1. 在使用layui form的情况下:
          layui.use(['form'], function () {
            let form = layui.form;
            $(document).ready(function() {
                // select下拉框选中触发事件
                form.on("select", function(data){
                    alert(data.value); // 获取选中的值              
                });
    
            });
    
        });```
    
    
     2. 非layui form 情况下:
     
    
    ```javascript
           $("#mode").change(function(){//code...
                if ($(this).val()==0){
                    $("#auto").show();
                    $("#manul").hide();
                }else {
                    $("#auto").hide();
                    $("#manul").show();
                }
            });
    
    展开全文
  • layui select change事件

    千次阅读 2017-05-03 18:38:17
    搜索form.js  v.val(a).removeClass("layui-form-danger") 在后边添加一条 v.trigger('change') 这样jquery 的change事件就可用了
  • layui select onchange事件无效

    千次阅读 2019-07-08 15:53:22
    layuiselect改造了,所以直接写onchange无效 1、html代码如下,不要忘记 lay-filter属性 <div class="layui-input-block"> <select name="ctZhongLiang" id="ctZhongLiang" lay-filter="brickType"> ...
  • div class="layui-input-block"> <select id="tid" lay-filter="tid"> <option value="0">--请选择--</option> <option value="01">01</option> <optio...
  • layui的下拉列表点击事件使用.click()方法是无法直接触发的,想触发select点击事件,代码如下: var s= $('#class').val(); //先获取select默认选中的第一个option 的值 var select = 'dd[lay-value=' + s + ']'; $...
  • Layui select选择框添加搜索选项功能 在select标签里添加lay-search=""即可。 代码如下: <div class="layui-inline"> <label class="layui-form-label">电商企业</label> <div class=...
  • layui select 事件监听

    万次阅读 2018-04-04 16:49:56
    &lt;select lay-filter="business" class="select" lay-verify="type" name="...请选择&lt;/option&gt; &lt;option value="1" &
  • layui select 自动触发事件

    千次阅读 2018-08-14 19:04:50
    $('.layui-form-select dl dd.layui-this').trigger('click'); 就可以触发
  • select结构 <select id="select-product-status" name="contrller" lay-filter="selectProductStatus"> <option value="1">在售</option> <option value="2">下架</option>
  • layui select下拉框改变之 change 监听事件

    万次阅读 多人点赞 2018-11-08 14:09:49
    使用layui.use监听select事件    &lt;select lay-filter="demo" lay-verify="required"&gt; &lt;script&gt; layui.use(['layer', 'jquery', 'form'], function (...
  • div class="layui-form-item"> <label class="layui-form-label">跳转类型</label> <div class="layui-input-inline"> <script type="text/html" template> ...
  • layui select

    2019-07-04 09:58:59
    layui 给下拉框重新赋值后触发点击事件 $(function(){ layui.use([‘form’], function(){ form = layui.form; KaTeX parse error: Expected 'EOF', got '#' at position 3: ('#̲id').val((’#idText’).val()); ...
  • 一定要包裹在form表单中如果不加载form模块,select、checkbox、radio等将无法显示,并且无法使用form相关功能 <form class="layui-form" action="" style="display: flex"> <div class="layui-form-...
  • layui select主动触发change 事件

    千次阅读 2018-11-21 16:02:21
    layui-form-item"&gt; &lt;div class="layui-inline"&gt; &lt;label class="layui-form-label"&gt;供应商&lt;/label&gt; &lt;div c
  • 说明 我们经常遇到表单上面选择不同的下拉选项需要触发函数去完成一些业务逻辑,比如我这个地方根据所选商品查询它底下明细的数量,并展示。 效果演示 代码 <!--选择商品-->...select id="go
  • 一次select手动赋值操作发现没有该select的选中事件,琢磨了下做如下操作即可。 写了个common.js常用操作的工具类,修改了赋值方法。 layui.define(['layer','form','laydate','dtree','carousel'],function (e) { ...
  • Layui 下拉框Select onchange事件监听

    万次阅读 2020-11-05 20:08:46
    <... .... <div class="layui-input-block"&...select name="productId" lay-verify="required" lay-search id="productSelect" lay-filter="productSelectChange"> <option value="-1">请选择产品.
  • layui select 相关

    2020-10-21 12:24:00
    layui select 相关 <div class="layui-form" lay-filter="test"> <select name="courseType" id="courseType" lay-filter="courseType"></select> </div> 动态生成option let _...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 9,503
精华内容 3,801
关键字:

layui的select的选择事件