我已经在网上搜索了一段时间,仍然找不到答案,我有三个下拉菜单在我的网站上。
我使用它们来接受用户的偏好,这样用户就可以控制结果的输出。
因此,我想知道是否有可能的价值被带出其他2个下拉菜单,如果它选择了一个。
例如,如果用户在第一个中选择了电影,则在其他中不会选择。
这是我的下拉列表
<select id="pref1select">
<option value="P">Preference One</option>
<option value="M">Movie</option>
<option value="T">Tv</option>
<option value="G">Games</option>
</select>
<select id="pref2select">
<option value="P">Preference Two</option>
<option value="M">Movie</option>
<option value="T">Tv</option>
<option value="G">Games</option>
</select>
<select id="pref3select">
<option value="P">Preference Three</option>
<option value="M">Movie</option>
<option value="T">Tv</option>
<option value="G">Games</option>
</select>
5条答案
按热度按时间v440hwme1#
这将禁用它,但不会删除它。
小提琴:http://jsfiddle.net/p2SFA/1/
HTML:(添加了
.preferenceSelect
类)和jQuery
:如果你想把它删除,你可能必须让
jQuery
知道当它已经重置时要插入什么,因为做出了新的选择:)dxpyg8gm2#
这应该对你有用:
xjreopfe3#
你应该试试这个:
你一定很辛苦吧。
balp4ylt4#
我相信类似这样的东西可以解决上面给出的
HTML
问题:x一个一个一个一个x一个一个二个x
这将禁用重复选项,但也可以轻松地删除它们。不过,您会遇到一个小问题,因为"Preference #"选项都有相同的值。我建议要么制作这些
optgroup
标签,要么完全删除这些值,并从一开始就将其标记为禁用...因为您不应该能够在第一时间单击它们。您可以在选项标签和分隔符here上找到更多信息。Example
huus2vyu5#
请尝试以下操作,它工作正常,没有问题。我还将所选选项标记为禁用,而不是隐藏其他下拉菜单。