layui如何根据下拉菜单的值去隐藏或显示指定的文本框
时间: 2024-03-30 15:37:02 浏览: 17
可以通过监听下拉菜单的change事件,获取选中的值,然后根据不同的值来显示或隐藏指定的文本框。
示例代码如下:
HTML代码:
```
<select id="select">
<option value="1">选项1</option>
<option value="2">选项2</option>
<option value="3">选项3</option>
</select>
<input type="text" id="text1" placeholder="文本框1">
<input type="text" id="text2" placeholder="文本框2">
<input type="text" id="text3" placeholder="文本框3">
```
JavaScript代码:
```
// 监听下拉菜单的change事件
$('#select').change(function(){
// 获取选中的值
var value = $(this).val();
// 根据不同的值来显示或隐藏指定的文本框
if(value == '1'){
$('#text1').show();
$('#text2').hide();
$('#text3').hide();
}else if(value == '2'){
$('#text1').hide();
$('#text2').show();
$('#text3').hide();
}else if(value == '3'){
$('#text1').hide();
$('#text2').hide();
$('#text3').show();
}
});
```
这样就可以根据下拉菜单的值来隐藏或显示指定的文本框了。