<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>下拉框联动示例</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.7/css/layui.min.css">
</head>
<body>
<div class="layui-form">
<div class="layui-input-inline select-code">
<select name="modules" id="selectDemoCode" lay-verify="required" lay-filter="selectDemoCode">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
</select>
</div>
</div>
<!-- <script src="https://cdn.staticfile.org/layui/2.5.7/layui.min.js"></script> -->
<script src="/code/images/layui/layui.js"></script>
<script>
layui.use(['form'], function() {
var form = layui.form;
var valueToRemove = "1";
var select = document.getElementById("selectDemoCode");
for (var i = 0; i < select.options.length; i++) {
var optionValue = select.options[i].value;
if (optionValue === valueToRemove) {
select.options[i].disabled = true;
select.options[i].innerHTML += " 已选中,请不要再次选择";
}
}
// 重新渲染layui form组件
form.render();
});
</script>
</body>
</html>
必须得重新渲染才能执行
form.render(); // 重新渲染layui form组件