说明

我们经常遇到表单上面选择不同的下拉选项需要触发函数去完成一些业务逻辑，比如我这个地方根据所选商品查询它底下明细的数量，并展示。

效果演示

代码

<!--选择商品-->
<div class="layui-form-item"><label class="layui-form-label">商品</label><div class="layui-input-block"><select id="goodsId" name="goodsId" lay-verify="required" lay-filter="goodsId"><option value="">--选择商品--</option></select><div class="layui-unselect layui-form-select"><div class="layui-select-title"><input type="text" placeholder="请选择" value="" readonly=""class="layui-input layui-unselect"><i class="layui-edge"></i></div></div></div>
</div>

// 监听商品更改事件
form.on('select(goodsId)', function(e) {$.ajax({type: "GET",url: ctx+'goods/kmtj/'+$("#goodsId").val(),success: function (result) {$('#kmtj').val('总计：'+result.data.total+'张|剩余：'+result.data.left+'张');}})
})

layui切换select选项事件相关推荐

layui 渲染select下拉选项，日期控件的用法
最近项目中用到关于layui的前端技术,在使用layui 渲染select option下拉复选框时出现了没有值渲染的问题,还有使用layui日期的过程 ,接下来就一起看看吧. /** *从后台渲染 ...
layui 中解决select onchange事件无效
layui将select改造了,所以直接写onchange无效,代之可以使用 lay-filter 属性 <div class="layui-col-xs4 layui-col-sm4 ...
layui表单的ajax联动,layui的select联动实现代码
要实现联动效果注意两点: 第一要可以监听到select的change事件: 第二异步加载的内容,需要重新渲染后才可以正常使用. html结构: 所在省份: 请选择省份 ${provincelist. ...
基于layui的select区域联动
2019独角兽企业重金招聘Python工程师标准>>> 基于layui的select区域联动要实现联动效果注意两点: 第一要可以监听到select的change事件: 第二异步加载 ...
layui给select下拉框赋值
layui给select下拉框赋值 //重新渲染表单函数function renderForm() {layui.use('form', function() {var form = layui.fo ...
js进阶 9-11 select选项框如何动态添加和删除元素
js进阶 9-11 select选项框如何动态添加和删除元素一.总结一句话总结: 二.js进阶 9-11 select选项框如何动态添加和删除元素 1.案例说明 2.相关知识 Select 下拉列 ...
html下拉框变长,改变HTML下拉框SELECT选项的多种方法
原标题:改变HTML下拉框SELECT选项的多种方法提交表单后返回的HTML页面重新渲染,SELECT控件的value和selectedIndex属性都无法使下拉框保留提交表单前的状态. 复制代码 ...
MySQL高级 - 查询缓存 - SELECT选项
查询缓存SELECT选项可以在SELECT语句中指定两个与查询缓存相关的选项 : SQL_CACHE : 如果查询结果是可缓存的,并且 query_cache_type 系统变量的值为ON或 DEM ...
vue动态跟新layui的select_vue+layui实现select动态加载后台数据的例子
vue+layui实现select动态加载后台数据的例子发布时间:2020-09-18 22:51:36 来源:脚本之家阅读:85 作者:qq_26814945 刚开始由于layui form渲染 ...

layui切换select选项事件

说明

效果演示

代码

layui切换select选项事件相关推荐

最新文章

热门文章