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

使用var outer; // Global declaration for `outer` function fn1() { // Function declaration for `fn1` var outerString; // Local decl for `outerString` var outer; // Local decl for `outer`, shadows (hides) the global one // Here, both outerString and outer = `undefined` outerString = outer; // No-op, they're both already `undefined` outer = 'inner'; // Give the inner `outer` the value `'inner'` console.log( outerString ); // "undefined" console.log( outer ); // "inner" } outer = 'outer'; // Note this happens after the declarations fn1(); // Then you call the function选择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);

Answer 2

尝试此操作：要选择选项，您可以直接将选择框的值设置为要选择的选项的值。

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 3

您可以通过传递选项值

来使用val（）

Live Demo

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

Answer 4

您可以尝试此代码

＆＃13;

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

＆＃13;

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

＆＃13;

如何通过jquery选择选项

4 个答案: