引用SELECT列表jQuery

Referencing a SELECT list jQuery

本文关键字：jQuery 列表 SELECT 引用      更新时间：2024-01-05

我有一个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()

应返回"Chicago"

您可以使用jQuerys选择器为您完成这项工作，特别是属性等于选择器

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

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

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

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

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

将以值2 警告选项文本

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

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

var txt = $('#LIST option[value='+ id +']').text()
相关文章：