以下拉框为例
<div class="layui-input-inline"> <select lay-filter="platform_id" name="platform_id" lay-verify="required"> <option value=""></option> <option value="111" >111</option> </select> </div>
<div class="layui-input-inline"> <select name="pay_platform" lay-verify="required" id="isajaxed"> <option value="222">222</option> </select> </div>
<script>
var form = layui.form;
form.on('select(platform_id)', function(data) { var p_value = data.value; $.ajax({ url: "php文件接受",//最好与表单提交的方法分开 type: 'POST', dataType: 'json', data:{platform_id:p_value}, success: function(result) { $("#isajaxed").empty();//删除元素的子元素 var num = result.length; for (i = 0; i < num; i++) { console.log(result[i]); $("#isajaxed").append("<option value='"+result[i]+"'>"+result[i]+"</option>"); } renderForm(); //Layui重新刷新表单数据 } }); });
function renderForm(){ layui.use('form', function(){ var form = layui.form; form.render(); }); }
</script>