根据另一个选择下拉选项,我需要在一个选择下拉菜单中显示/隐藏选项。当选择其他选择下拉选项时,jQuery显示/隐藏选项下拉菜单
下面的代码显示了我想实现的目标。
如果'column_select'选择菜单选项设置为'1列',那么'layout_select'选择菜单只能显示'none'选项。
如果'column_select'选择菜单选项设置为'2 column',那么'layout_select'选择菜单只能显示'layout 1'和'layout 2'选项。
如果“column_select”选择菜单选项被设置为“3列”则“layout_select”选择菜单必须只显示“布局3”,“4布局”和“布局5”选项。
<select name="column_select" id="column_select">
<option value="col1">1 column</option>
<option value="col2">2 column</option>
<option value="col3">3 column</option>
</select>
<select name="layout_select" id="layout_select">
<!--Below shows when '1 column' is selected is hidden otherwise-->
<option value="col1">none</option>
<!--Below shows when '2 column' is selected is hidden otherwise-->
<option value="col2_ms">layout 1</option>
<option value="col2_sm">layout 2</option>
<!--Below shows when '3 column' is selected is hidden otherwise-->
<option value="col3_mss">layout 3</option>
<option value="col3_ssm">layout 4</option>
<option value="col3_sms">layout 5</option>
</select>
到目前为止,我所尝试过的一切都失败了......我是jQuery的新手。如果有人可以请帮助它将不胜感激。谢谢!
谢谢!这似乎工作,但有一个小问题...... 当从“column_select”选择选项时,“layout_select”中当前选定的选项保持不变。有没有办法改变选项? – Nick
伟大的我实现了你的最新更新,它运作良好。我遇到的一个问题是刷新后不能保证选择正确的选项。页面刷新后,“#layout_select”将恢复到第1个选择。我想知道我是否可以再强加一点,告诉我如何在刷新时选择正确的选项? – Nick
在什么情况下屏幕刷新?它是在表单发布之后吗? – ipr101