js控制easyui的combobox组件的隐藏与显示

原创已于 2023-05-29 14:46:30 修改 · 2.1k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#easyui

于 2022-12-11 22:21:01 首次发布

本文介绍了一种使用JavaScript来动态控制页面上ComboBox组件显示与隐藏的方法。通过简单的代码示例展示了如何根据用户的选择来切换季度与月度ComboBox的可见性。

<label>
	<input type="radio" name="quarterOrMonth" th:value="1">季度</label>
 <input id="quarterCombobox" class="easyui-combobox">
<label><input type="radio" name="quarterOrMonth" th:value="2">月度</label>
<input id="monthCombobox" class="easyui-combobox">

页面显示：
在这里插入图片描述
根据id动态控制combobox的隐藏与显示

 $("#quarterCombobox+.combo").hide()//隐藏
 $("#monthCombobox+.combo").hide()//隐藏
 
 $("#quarterCombobox+.combo").show()//显示
 $("#monthCombobox+.combo").show()//显示