javascript - 引用 SELECT 列表 jQuery

Question

我有一个选择列表，如下

<select id="LIST">
   <option value="1">New York</option>
   <option value="2">Chicago</option>
   <option value="3">Miami</option>
       .
       .
       .
   <option value="N">Nth location</option>
</select>

我有一个不相关的点击按钮，它进行 API 调用并返回位置 ID。位置 ID 对应于上面 SELECT 列表中的值。与进行第二次 API 调用以将 ID 解析为名称相反，我如何在 jQuery 中执行类似以下操作

 $("#LIST")[returned_id].html()

例如，如果按钮返回位置 ID 2:

 $("#LIST")[2].html()

应该返回“芝加哥”

Answer 1

您可以使用jQuerys selectors为您完成这项工作 - 具体来说，Attribute Equals Selector

jQuery('[attribute="value"]')

所以你的代码需要看起来像这样 -

var cityName = $('#LIST > option[value="'+ RETURNED_ID +'"').text();

这里我们说我们想要所有 <option> value 属性等于 RETURNED_ID 值的标签.