javascript - 如何根据已预先选择的列表上的文本过滤下拉列表

Question

我正在尝试根据第一个预选列表中的文本过滤下拉列表。第一个列表包含“美国”作为预选，要过滤的列表是第二个下拉菜单。我希望能提供有关如何解决此问题的意见。

<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>

问题是不需要用户输入，因为列表是预先选择的，在本例中为“美国”。下拉列表中的输出应仅包含“美国”，隐藏其他国家/地区。

我之前问过类似的问题，得到了回答here .

但我正在寻找一种仅使用列表菜单中的文本来实现此目的的方法，即不对现有 HTML 进行任何更改。

Answer 1

我不确定为什么您想要一个只有一项的列表，但您可以使用此代码隐藏未选定的项目

$('option:contains("' + $('.selected').text() + '")').siblings().hide();