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方法查找具有您的option的{{1}}。

text

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

Answer 2

像这样使用Attribute Equal Selector：

$.support.cors = true
distrequest = $.ajax 'https://maps.googleapis.com/maps/api/distancematrix/json',
    type: 'GET'
    data:
      origins: 'London',
      destinations: 'Berlin',
      language: 'de-DE',
      key: 'ACTUALGOOGLEKEY'
    error: (jqXHR, textStatus, errorThrown) ->
        console.log "Ajax error " + textStatus + " " + errorThrown
    success: (data, textStatus, jqXHR) ->
        console.log "success"
        console.log data

以下是其他CSS Selectors的参考。

Answer 3

使用jQuery可以使用属性选择器

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 4

这是一个示例

＆＃13;

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

＆＃13;

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

＆＃13;

如何选择名称选项？

4 个答案: