layui 动态select二级联动

最新推荐文章于 2024-07-24 18:20:33 发布

qq_28404381

最新推荐文章于 2024-07-24 18:20:33 发布

阅读量1.2k

点赞数

分类专栏： layui 文章标签：前端 layui

本文链接：https://blog.csdn.net/qq_28404381/article/details/121406849

版权

这篇博客介绍了如何在layui前端框架中实现动态二级联动的Select效果，包括增删功能，主要代码集中在select选项联动部分，适用于layui的多个select二级联动场景。

摘要由CSDN通过智能技术生成

功能

可增删二级联动select
select选项联动

界面

在这里插入图片描述

select 选项联动主要代码

# select 标签部署
<div>
	<label>语音标签1</label>
	<select lay-filter="selectType">
		# data-audio的值，与语音文件的name相关
		<option value="1" data-audio="1">语音标签1</option>
		<option value="2" data-audio="1">语音标签2</option>
		<option value="3" data-audio="1">语音标签3<</