javascript - 引用 SELECT 列表 jQuery

Question

我有一个 SELECT 列表如下

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

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

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

例如，如果按钮返回位置 id 2：

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

应该返回“芝加哥”

Answer 1

您可以使用attribute selector. 尝试以下操作：

var txt = $('#LIST option[value='+ id +']').text()

Answer 2

您可以使用jQuerys 选择器为您完成工作 - 特别是Attribute Equals Selector

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

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

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

这里我们说我们希望所有<option>标签的 value 属性等于 的值RETURNED_ID。

Answer 3

var valueOfItemToChange=2
alert($("#LIST option[value='"+valueOfItemToChange+"']").text())     

将警告值为 2 的选项文本

工作样本http://jsfiddle.net/EctGG/5/