javascript - 如何将选择元素中的选项与子字符串匹配？

Question

下面的代码匹配 select 元素中的 val 并选择代码中的选项:

$("#modelListSelect option[val='" + modelMatch + "']").attr("selected", "true");

我的选择列表值如下所示:

["Washington 2015", "New York 1988", "Detroit 2000", "San Francisco 1999"];

列表中的年份是动态的，并且在不同时间可能会有所不同，例如:

["Washington 2011", "New York 1998", "Detroit 1975", "San Francisco 2016"];

我想做的就是将上面的“val”与“modelMatch”(例如“Detroit”)进行匹配。因此它将找到“Detroit 2000”或“Detroit 1975”

我该怎么做？

Answer 1

您可以使用 val^='"+ modelMatch + "']" 语法来搜索以 modelMatch 字符串开头的属性。您还应该使用标准 value 属性包含选项元素，而不是 val。

modelMatch = "Detroit";
$("#modelListSelect option[value^='" + modelMatch + "']").attr('selected', true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id="modelListSelect">
  <option value="Washington 2015">Washington 2015</option>
  <option value="New York 1988">New York 1988</option>
  <option value="Detroit 2000">Detroit 2000</option>
  <option value="San Francisco 1999">San Francisco 1999</option>
</select>