layui-监听select事件

 

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>
复制代码

 

posted @   孤陌  阅读(10189)  评论(0编辑  收藏  举报
编辑推荐:
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
阅读排行:
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
点击右上角即可分享
微信分享提示