精华内容
下载资源
问答
  • 使用layui.use监听select事件
    2022-01-26 13:33:40

    <select lay-filter="demo" lay-verify="required">

    <script>

    layui.use(['layer', 'jquery', 'form'], function () {

    var layer = layui.layer,

    $ = layui.jquery,

    form = layui.form;

    form.on('select(demo)', function(data){

    if(data.value == 1){

    $("#searchSessionNum").attr("disabled","true");

    form.render('select');

    }else{

    $("#searchSessionNum").removeAttr("disabled");

    form.render('select');//select是固定写法 不是选择器

    }

    });

    });

    </script>

     使用事件过滤器lay-filter监听单个事件,layui中只要绑定相同事件就可以了,上面代码绑定demo,需要注意的是要使用form.render('select');渲染一下,表示单个事件;否则渲染整个form表单。

    更多相关内容
  • 监听select选择 form.on('select(filter)', function(data){ console.log(data.elem); //得到select原始DOM对象 console.log(data.value); //得到被选中的值 console.log(data.othis); //得到美化后的DOM对象 })...
  • 今天小编就为大家分享一篇使用layui监听监听select下拉框,事件绑定不成功的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 今天小编就为大家分享一篇layui监听select变化,以及设置radio选中的方法,具有好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layui-监听select事件

    2021-05-25 14:50:45
    <div class="layui-form-item layui-hide"> <label class="layui-form-label">动物级别</label> <div class="layui-input-inline">...select name="zoon_id" lay-filter="demo">

    HTML部分 (lay-filter=“demo”)

    <div class="layui-form-item layui-hide">
            <label class="layui-form-label">动物级别</label>
            <div class="layui-input-inline">
              <select name="zoon_id" lay-filter="demo">
                <option value="" >点击选择</option>
                {volist name= "$zoon" id="vo"}
                <option value="{$vo.id}" {notempty name="$info.zoon_id"}{/notempty}>{$vo.zoonlevel}级</option>
                {/volist}
              </select>
            </div>
          </div>
    

    JS部分

    <script src="__PUBLIC__/layui/layui.js"></script><script>
        layui.use(['layer', 'jquery', 'form'], function () {
          var layer = layui.layer,
                  $ = layui.jquery;
                form = layui.form;
    
          form.on('select(demo)', function(data){
            console.log(data.value);
              $.ajax({
                  url:"{:url('admin/activity/getprize')}",
                  data:{pid:id,level:data.value},
                  type:'post',
                  async: false,
                  success:function(res) {
                     
                  }
              })
          });
        });
    </script>
    
    展开全文
  • Layui监听select下拉框选中事件

    万次阅读 2019-03-20 15:27:59
    使用layui之后,直接用change事件无法监听到,需要使用layui的相关组件。 以下代码是一个简单的假数据的二级联动。 <div class="layui-inline"> <label class="layui-form-label">报考层次:</...

    使用layui之后,直接用change事件无法监听到,需要使用layui的相关组件。

    以下代码是一个简单的假数据的二级联动。

    <div class="layui-inline">
     <label class="layui-form-label">报考层次:</label>
    	<div class="layui-input-inline layui-form">
    		<select name="student_Level"  lay-verify="required"  lay-filter="college" class="select">
    		 <option value=""></option>
    		 <option >专本套读</option>
    		 <option >双学位</option>
    	    </select>
        </div>
     </div>
     <div class="layui-form-item">
    	<div class="layui-inline">
    	<label class="layui-form-label">报考专业:</label>
    		<div class="layui-input-inline">
    			<select name="student_Major" lay-verify="required" >
    			</select>
    </div>

    这里需要主要注意的问题是,在需要监听的select中添加layfilter属性

    js代码如下

    layui.use(['element','form'], function(){
        var element = layui.element;
        var form = layui.form;
        var  layer = layui.layer;
    
     form.on('select(college)', function (data) {
        	   var message=$("select[name=student_Level").val();
        	   
        	   if(message=="双学位"){
        		   var html="<option value=''></option><option>教育学</option><option>管理学</option>";
        		   $("select[name=student_Major]").empty();
        		   $("select[name=student_Major]").append(html);
                   form.render('select');
        	   }else if(message=="专本套读"){
        		   var html1="<option value=''></option><option>学前教育</option><option>护理学</option><option>英语</option><option>工程管理</option><option>计算机科学与技术</option><option>旅游管理</option><option>财务管理</option><option>环境设计</option><option>市场营销</option><option>动画</option>";
        		   $("select[name=student_Major]").empty();
        		   $("select[name=student_Major]").append(html1);
                   form.render('select');
        	   }
        	});
    });

    这里需要注意两点,第一、清除jquery追加的内容用empty方法 。第二、追加完option后需要使用render渲染才能使用。

    展开全文
  • 今天小编就为大家分享一篇layuiselect下拉change事件失效的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 使用layui监听select下拉框改变事件

    千次阅读 2020-06-23 11:28:25
    2.select标签需添加 lay-filter=" ",该值为要监听的名字 3.form.on必须写在layui.use(){}中 代码 <form action= method="post" enctype="multipart/form-data" class="layui-form"> <div class="layui-...

    注意事项

    1.form标签须添加 class=“layui-form”
    2.select标签需添加 lay-filter=" ",该值为要监听的名字
    3.form.on必须写在layui.use(){}中

    代码

    <form action= method="post" enctype="multipart/form-data" class="layui-form">
      
                <div class="layui-form-item">
                  <label class="layui-form-label">选择框</label>
                  <div class="layui-input-block">
                    <select name="servicelist" lay-filter="all" lay-verify="required">
                      <option value=""></option>
                      <option value="1">123</option>
                     <option value="2">123</option>
                    </select>
                  </div>
                </div>
                
                
                <div class="layui-form-item">
                    <label for="L_repass" class="layui-form-label">
                    </label>
                    <button  class="layui-btn" lay-filter="add" lay-submit="">
                        确定
                    </button>
                </div>
            </form>
    <script>
            layui.use(['form'],function(){
                var form = layui.form;
                form.on('select(all)',function(data){
                    console.log(data)
                });
            })
        
    </script>
    
    展开全文
  • 关于layui监听下拉框值得变化,大家都知道官方文档给我们提供了一个方法 form.on('select(demo)',function(data){ console.log(data.value)//打印当前select选中的值 }) 按照我之前的理解,监听下拉框值得变化,...
  • LayUIselect监听事件

    千次阅读 2019-09-17 17:30:18
    看着layui是比较简单的东西,只一个监听事件,搞得晕头转向的,主要还是对这个东西不太熟悉,而且项目中都是封装的东西,有些不太好找。 需求:选择select的时候,获取不同的值。 //lay-filter="test" 用来过滤要...
  • 今天项目上要实现一个select选择框并动态获取数据展示,当选择下拉中的数据时获取到当前...这里强调一下,引用layUI自带的select 需要引入layui-form类,否则样式引用不上。 对于select的option选项,这里使用的l...
  • 要通过lay-filter来做事件监听 前端的代码如下: <div class="layui-inline"> <label class="layui-form-label">使用期限</label> <div class="layui-input-inl...
  • div class="layui-form-item"> <label class="layui-form-label">跳转类型</label> <div class="layui-input-inline"> <script type="text/html" template> ...
  • layui监听select下拉框改变事件

    千次阅读 2020-09-21 14:15:59
    前言:使用在如省市区三级联动,二级联动场景等场景 ...<div class="layui-form-item"> <label class="layui-form-label">所属组织</label> ...div class="layui-input-...select name="org_id" lay-
  • layui select(下拉框)修改事件监听

    千次阅读 2022-03-16 15:20:01
    layui select(下拉框)修改事件监听示例(节选): 当下拉框选项修改后,自动执行my_function函数。 HTML部分: <select id="camera_stream_type" lay-filter="camera_stream_type"> <option value="1">...
  • layui 监听 select下拉选择框

    千次阅读 2019-04-22 17:53:55
    layui组件,js或jq对其的监听事件会失效,需要代码才能实现: 1.html部分 <select name="category" lay-verify="required" lay-filter="cate"> <option value ="分类1">分类1</option> ​​...
  • 下面小编就为大家分享一篇layuiselect的option叠加问题的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layui监听select下拉选择框1、方法一2、方法二 1、方法一 可以用 form.on('select(type)', function(data){ console.log(data.value)//选中的值 }) type为select标签中的lay-filter属性值 该方法保留了layui的...
  • layui select 事件监听

    2019-12-20 10:39:31
    selectlay-filter="business"class="select"lay-verify="type" name="business"> <option value="0">请选择</option> <option value="1">张三</option> </selec...
  • layui form中,写入的 select 不会被渲染,layui 会创造个 input 框,把选中的 option 加一个 class="layui-this" 再渲染上去。不是很懂这样做的原因,但直接监听 select 是没用的。 给 select 加一个 lay-...
  • 因为本身layui是有一套自身的监听方式,form.on 当然你是先将select放入”layui-form”>中,不然都显示不出select 里面也有监听普通下拉选框选中值发生改变的方式,直接复制即可 <!doctype html> <...
  • layuiselect监听事件在页面加载时不会主动调用,如果调用了,一定有类似下面的触发事件: //修改查看页面默认触发select下拉事件 $('select[name=businessType]').next().find('.layui-this').click();
  • layui问题之模拟select点击事件

    万次阅读 2018-01-05 14:02:49
    一、问题 不操作页面,实现模拟select事件,即,... 刚开始查看layui官方文档,发现仅仅只是有select监听事件,即: form.on('select(filter)', function(data){ console.log(data.elem); //得到select原始
  • 关于Layui监听事件

    2022-03-30 15:49:15
    layui监听事件 1.监听select 改变 代码如下(示例): <!-- 不用form 用div也可以 --> <form class="layui-form"> <div class="layui-form-item"> <label class="layui-form-label">...
  • 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">请选择产品.
  • 说明 我们经常遇到表单上面选择不同的下拉选项需要触发函数去完成一些业务逻辑,比如我这个地方根据所选商品查询它底下明细的数量,并展示。 效果演示 代码 <!--选择商品-->...select id="go
  • layuiselect下拉框控件监听,赋值操作

空空如也

空空如也

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

layui监听select点击事件