如何根据已预先选择的列表过滤下拉列表

【问题标题】：How to filter a dropdown list based on a already pre selected list如何根据已预先选择的列表过滤下拉列表
【发布时间】：2014-07-01 00:49:36
【问题描述】：

我正在尝试根据第一个预选列表过滤下拉列表。第一个列表包含“美国”作为预选，要过滤的列表是第二个下拉菜单。我将不胜感激有关如何解决此问题的意见。

<ul>
    <li class="">Argentina</li>
    <li class="selected">United States</li>
    <li class="">Australia</li>
</ul>
<select data-val="false" data-val-length="Only 64 characters allowed." data-val-length-max="64" data-val-required="Country code can't be empty" id="CountryCode" name="CountryCode" class="valid">
    <option value="ARG">Argentina</option>
    <option value="USA">United States</option>
    <option value="AUS">Australia</option>
</select>

问候，

调整

【问题讨论】：

请刷新你的问题，只是标题我们很难理解，你尝试过的jQuery是什么......
喜欢这个？ jsfiddle.net/Alfie/H6bw5/1 还是要根据您单击的
元素更改选择值？

@user3632027 嗨 :) lkndkfnvlk?

嗨安东..对不起。错字。

感谢 Anton 的快速回复。

标签： javascript jquery html drop-down-menu filter

【解决方案1】：

jQuery

获取选中的国家然后使用attribute-equals-selector找到<option>并隐藏兄弟

$(function () {
    var country = $('.selected').data('country');
    $('#CountryCode').find('[value="' + country + '"]').siblings().hide();
    $('#CountryCode').val(country);
});

HTML

在 html 元素中添加data-* 属性

<ul>
    <li data-country="ARG">Argentina</li>
    <li data-country="USA" class="selected">United States</li>
    <li data-country="AUS">Australia</li>
</ul>

DEMO

【讨论】：

嗨安东，感谢您的回答。如果没有数据属性，是否有可能做到这一点。？这只是通过将列表菜单中的文本与下拉菜单项进行比较。