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>

我有一个不相关的点击按钮，它会进行API调用，返回一个位置ID。位置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 selectors为您完成工作 - 具体来说，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/

引用SELECT列表jQuery

3 个答案: