layui select标签二级联动

layui的select标签二级联动可以通过绑定select事件来实现。首先，在HTML代码中，需要设置两个select标签，一个作为父级选择，另一个作为子级选择器。父级选择器的select标签需要添加lay-filter属性，用于绑定select事件。子级选择器的select标签需要添加id属性，用于在JavaScript代码中进行操作。

接下来，在JavaScript代码中，使用form.on('select(father_enter)', function(data){...})来绑定select事件。当父级选择器的值发生变化时，会执行绑定的回调函数。在该回调函数中，可以根据父级选择器的值进行相应的操作。

例如，可以通过发送Ajax请求获取子级选择器的数据，并将数据拼接成option标签，然后将拼接好的option标签添加到子级选择器中。最后，还需要调用form.render()方法来渲染form，以便让select显示出数据。

需要注意的是，如果忘记调用form.render()方法，那么select标签将不会显示数据。所以在拼接完option标签后，一定要记得调用form.render()方法。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [layui中select 实现二级联动](https://blog.csdn.net/dangjunwei123/article/details/117258419)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]