javascript - JQuery 大小写格式

Question

HTML:

<select name="cities" id="cities">
    <option value="345345">City Name 1</option>
    <option value="342005">City Name 2</option>
    <option value="300005">City Name 3</option>
    <option value="345111">City Name 1000</option>
</select>

JS:

var city = 'CITY NAME 384';
$("#cities option:contains(" + city + ")").attr('selected', 'selected');

当组合选项仅提供“城市名称 384”时，如何选择包含“城市名称 384”的选项'？ (相同字符串，不同情况)我在想这样的事情:

$("#cities option.toLowerCase():contains(" + city.toLowerCase() + ")").attr('selected', 'selected');

但是没有成功。我无法手动设置变量名称，因为它来自外部源。

Answer 1

您需要使用 .filter() 对所选选项进行手动过滤

var city = 'CITY NAME 384'.toLowerCase();
$("#cities option").filter(function () {
    return city == $.trim($(this).text()).toLowerCase()
}).prop('selected', true);

演示:Fiddle