JQuery - 如何根据值选择下拉项

Question

我想根据条目的值设置下拉列表(select)进行更改.

我有

<select id="mySelect">
  <option value="ps">Please Select</option>
  <option value="ab">Fred</option>
  <option value="fg">George</option>
  <option value="ac">Dave</option>
</select>

而且我知道我想要更改下拉列表,以便选择值为"fg"的选项.我怎么能用JQuery做到这一点？

Answer 1

你应该用

$('#dropdownid').val('selectedvalue');

这是一个例子:

$('#dropdownid').val('selectedvalue');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id='dropdownid'>
    <option value=''>- Please choose -</option>
    <option value='1'>1</option>
    <option value='2'>2</option>
    <option value='selectedvalue'>There we go!</option>
    <option value='3'>3</option>
    <option value='4'>4</option>
    <option value='5'>5</option>
</select>

Answer 2

$('#yourdropddownid').val('fg');

(可选)

$('select>option:eq(3)').attr('selected', true);

3您想要的选项的索引在哪里.

现场演示

Answer 3

$('#mySelect').val('fg');...........

Answer 4

 $('#mySelect').val('ab').change();

 // or

 $('#mySelect').val('ab').trigger("change");

Answer 5

您可以使用我发现它使用的jQuery代码:

$('#your_id [value=3]').attr('selected', 'true');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select id="your_id" name="name" class="form-control input-md">
  <option value="1">Option #1</option>
  <option value="2">Option #2</option>
  <option value="3">Option #3</option>
  <option value="4">Option #4</option>
  <option value="5">Option #5</option>
  <option value="6">Option #6</option>
  <option value="7">Option #7</option>
</select>

Answer 6

你可以简单地使用:

$('#select_id').val('fg')