主頁 >
其他 > layui下select禁止點擊
layui下select禁止點擊
2020-09-11 18:49:17 其他
layui下拉選擇框select禁止點擊_設定禁用_設定不可操作的實作方法
直接上代碼:
<form class="layui-form"> <!-- 提示:如果你不想用form,你可以換成div等任何一個普通元素 -->
<div class="layui-form-item">
<label class="layui-form-label">行業型別</label>
<div class="layui-input-block">
<select name="industry" id="industry" lay-filter="industry">
<option value>選擇行業型別</option>
<option value=https://www.cnblogs.com/dongmll/p/"1001">IT服務
制造業
批發/零售
生活服務
<script src="layui/layui.js"></script>
<script>
layui.use('form', function(){
var form = layui.form;
});
</script>
可以直接 放到下拉選擇框 select 上 (HTML),這樣默認渲染出來的效果就是這樣的:
<select name="industry" disabled lay-filter="industry">...</select>
也可以用 jq 控制下拉框 select 禁用效果:
<script src=https://www.cnblogs.com/dongmll/p/"layui/layui.js"></script>
<script>
layui.use('form', function(){
var form = layui.form;
$("#industry").attr("disabled","disabled");
form.render('select');
});
</script>
注意事項:
依賴加載模塊:form
用js或jq把屬性設定為 disabled
最后記得重繪 select 選擇框渲染 form.render('select')
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/6718.html
標籤:其他
上一篇:選單制作:ul li橫向排列
下一篇:0520. Detect Capital (E)