layui切换select选项事件
说明
我们经常遇到表单上面选择不同的下拉选项需要触发函数去完成一些业务逻辑,比如我这个地方根据所选商品查询它底下明细的数量,并展示。
效果演示
代码
<!--选择商品-->
<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+'张');
}
})
})