layui下拉框(select)的使用

这篇博客主要介绍了layui框架中如何根据select标签的name属性动态生成新的标签,并根据数据名获取选中值的方法。在生成下拉框选项时,需先用empty清空原有数据,再调用appeng(newoption())函数。博客还强调了layui并不直接操作select,而是创建新的标签来显示。

 这是写在前端的html代码,layui会根据majorId对其进行赋值操作,这里有几个点需要注意

<select class="majorId" id="nowMajor" lay-filter="major" name="majorId">
</select>

首先layui并不是直接对select进行操作的,而是根据select里面值的生成一个新的标签,如图

 而在获取select的值是通过当时渲染数据时的数据名来获取的,如果name是textName就是text的值,如果是valueName就是value的值。

下拉框数据的动态生成可以借助appeng(new option())来实现,但是需要注意在生成前先使用empty清空当前下拉框数据。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值