JQuery - как выбрать выпадающий элемент на основе значения

Question

Я хочу установить раскрывающийся список (выбрать) в зависимости от значения записей.

У меня есть

<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

Вы можете использовать этот код 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 5

Вы можете просто использовать:

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

Answer 6

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

Answer 7

В вашем случае $("#mySelect").val("fg"):)

Answer 8

Может быть слишком поздно, чтобы ответить, но по крайней мере кто-то получит помощь.

Вы можете попробовать два варианта:

Это результат, когда вы хотите назначить на основе значения индекса, где «0» - это индекс.

 $('#mySelect').prop('selectedIndex', 0);

не используйте 'attr', так как он устарел в последней версии jquery.

Если вы хотите выбрать на основе значения параметра, выберите это:

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

где 'fg' - значение опции

Answer 9

$ ('select # myselect option [value = "ab"]').

Answer 10

$('#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>