联动下拉框

渲染方式

<html>
<body>
<select class="linkageSelect"//class="linkageSelect"是联动下拉框的标识
    lay-search="true"
    lay-filter="id"
    id="id"// 联动的标识，要与name的值一致
    name="id" // 提交表单的名称，与数据库字段一致
    data-leftField=""//左关联字段，为空表示联动下拉框的第一个下拉框
    data-rightField=""//右关联字段，为空表示联动下拉框的最后一个下拉框
    data-url="后台路由地址"
    data-params='json字符串，ajax请求时的参数'
    data-showField="short_name" // 显示的字段名
    data-searchField="pid"//数据源搜索字段
    data-searchCondition="="//数据源搜索条件，默认为=
    data-searchVal="0"//数据源搜索值
    data-selectedVal=""//已选中的值，编辑页面
    data-onchange="lscb"//非必设，监听选中变化的函数名称
</select>
<script>
layui.use(['laytp'], function(){
    // 此处写表单渲染完成后的js
});
</script>
</body>
</html>

灵活使用

联动同一个数据表的数据，比如，省市区三级联动。
联动不同数据表的数据。第一个下拉框可以是商品分类，第二个下拉框可以是商品名称列表