LAYUI 使用SELECT,动态改变INPUT值和属性
用form.on监听select事件即可,然后用JQUERY得到input的ID,来改变input的属性和值。
但是我用的是FunAdmin的第三方表单组件,无法给input添加ID属性,所以只能用document.getElementsByName来取input。注意document.getElementsByName得到的是对象集合,使用进要用下标来得到值。
<form class="layui-form" lay-filter="form"> {:form_input('quality','text',['label'=>'保质期','filter'=>'quality'])} {:form_select('qualityType',['天'=>'天','月'=>'月','年'=>'年','长期'=>'长期'],['label'=>'','filter'=>'qualityType'],'',)} {:form_submitbtn()} </form>
layui.use('form', function () { var form = layui.form; form.on('select(qualityType)', function (data) { let quality= document.getElementsByName("quality"); if(data.value=="长期"){ quality[0].value=""; quality[0].disabled = true; }else{ quality[0].disabled = false; quality[0].focus(); } }); });