Как выбрать конкретную опцию в элементе SELECT в jQuery?

Question

Если вы знаете индекс, значение или текст. также если у вас нет идентификатора для прямой ссылки.

Это , это и это - все полезные ответы.

Пример разметки

<div class="selDiv">
  <select class="opts">
    <option selected value="DEFAULT">Default</option>
    <option value="SEL1">Selection 1</option>
    <option value="SEL2">Selection 2</option>
  </select>
</div>

Answer 1

Я использую это, когда знаю индекс списка.

$("#yourlist :nth(1)").prop("selected","selected").change();

Это позволяет изменить список и инициировать событие изменения. ": Nth (n)" отсчитывает от индекса 0

Answer 2

Я пойду с: -

$("select#my-select option") .each(function() { this.selected = (this.text == myVal); });

Answer 3

Попробуйте это

вы просто используете идентификатор поля выбора вместо #id (т. Е. # Select_name)

вместо значение параметра используйте выбранный параметр значение

 <script>
    $(document).ready(function() {
$("#id option[value='option value']").attr('selected',true);
   });
    </script>

Answer 4

Для Jquery выбрано, если вы отправляете атрибут в функцию и хотите обновить опцию выбора

$('#yourElement option[value="'+yourValue+'"]').attr('selected', 'selected');
$('#editLocationCity').chosen().change();
$('#editLocationCity').trigger('liszt:updated');

Answer 5

/* This will reset your select box with "-- Please Select --"   */ 
    <script>
    $(document).ready(function() {
        $("#gate option[value='']").prop('selected', true);
    });
    </script>

Answer 6

попробуйте этот новый

Точно это будет работать

<script>    
    $(document).ready(function() {
    $("#id").val('select value here');
       });
        </script>

Answer 7

Спасибо за вопрос. Надеюсь, этот кусок кода будет работать для вас.

var val = $("select.opts:visible option:selected ").val();

Answer 8

, если вы не хотите использовать jQuery, вы можете использовать следующий код:

document.getElementById("mySelect").selectedIndex = "2";

Answer 9

$('select').val('the_value'); выглядит правильным решением, и если у вас есть строки таблицы данных, то:

$row.find('#component').val('All');