如何選擇帶有名稱的選項？

Question

我有以下<select> ：

<select id="to" name="contact">
  <option value=""></option>
  <option name="4307" value="">Nitheesh</option>
  <option name="4306" value="">Ramanatan</option>
</select>

當我通過get傳遞一個變量（它將等於名稱之一）時，我希望選擇該特定的<option> 。

Answer 1

您應該使用filter方法來找出具有您給定text option 。

 var name="Nitheesh"; var option=$("select option").filter(function(i,option){ return $(option).text()==name; }).attr('selected','selected');

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select id="to" name="contact"> <option value=""></option> <option name="4307" value="Nitheesh">Nitheesh</option> <option name="4306" value="">Ramanatan</option> </select>

如果要通過特定name屬性獲取選項，請使用以下命令：

$("option[name = '" + name + "']").attr('selected','selected');

Answer 2

像這樣使用屬性相等選擇器：

var someName = /*...*/;
var $option = $("[name = '" + someName + "']");

這是其他CSS 選擇器的參考。

Answer 3

使用 jQuery 可以使用屬性選擇器

 var newVal = 4306; $('#to option[name="' + newVal +'"]').prop('selected',true);

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select id="to" name="contact"> <option value=""></option> <option name="4307" value="">Nitheesh</option> <option name="4306" value="">Ramanatan</option> </select>

Answer 4

這是一個示例

 $(document).ready(function(){ //given get val var val = "4307"; $("#to option[name="+val+"]").attr("selected",true); })

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select id="to" name="contact"> <option value=""></option> <option name="4307" value="">Nitheesh</option> <option name="4306" value="">Ramanatan</option> </select>