如何选择带有名称的选项？

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>