如何通过jQuery选择选项

Question

这是我的HTML。

<select class="height_selected" id="renderHeight">
    <option>Select Height</option>
    <option value="1">123 cm</option>
    <option value="2">125 cm</option>
</select>

我要选择选项2，即125厘米。

我试过了

$('#1 :selected').text();

但这是行不通的。

我如何才能选择选项125，即选择了#1值

更新我还有另一个选择

我只想选择高度。

<select class="weight_selected" id="renderWeight">
    <option>Select Weight</option>
    <option value="1">100 kg</option>
    <option value="2">125 kg</option>
</select>

Answer 1

使用prop选择option 。

$('#renderHeight option[value="2"]').prop('selected', true);

代码演示

 $('option[value="2"]').prop('selected', true); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script> <select class="height_selected" id="renderHeight"> <option>Select Height</option> <option value="1">123 cm</option> <option value="2">125 cm</option> </select> 

您也可以使用val()设置值。

 $('#renderHeight').val(2); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <select class="height_selected" id="renderHeight"> <option>Select Height</option> <option value="1">123 cm</option> <option value="2">125 cm</option> </select> 

Answer 2

试试这个：要选择选项，您可以直接将选择框的值设置为要选择的选项的值。

 $(function(){ $('#renderWeight').val('2'); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <select class="weight_selected" id="renderWeight"> <option>Select Weight</option> <option value="1">100 kg</option> <option value="2">125 kg</option> </select> 

Answer 3

您可以通过传递选项值来使用val（）

现场演示

$('#renderHeight').val(2);

Answer 4

您可以尝试此代码

 $('#renderHeight option').each(function(){ if($(this).text() =='123 cm'){ $(this).prop('selected',true) } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select class="height_selected" id="renderHeight"> <option>Select Height</option> <option value="1">123 cm</option> <option value="2">125 cm</option> </select>