Якщо ви знаєте індекс, значення або текст. також якщо у вас немає ідентифікатора для прямого посилання.

Це , це та це всі корисні відповіді.

Приклад розмітки

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

Селектор, щоб отримати середній параметр-елемент за значенням, є

$('.selDiv option[value="SEL1"]')

Для індексу:

$('.selDiv option:eq(1)')

Для відомого тексту:

$('.selDiv option:contains("Selection 1")')

РЕДАКТУВАННЯ : Як зазначалося вище, ОП могло бути після зміни вибраного пункту спаду. У версії 1.6 і вище метод prop () рекомендується:

$('.selDiv option:eq(1)').prop('selected', true)

У старих версіях:

$('.selDiv option:eq(1)').attr('selected', 'selected')

EDIT2 : після коментаря Райана. Матч на "Вибір 10" може виявитися небажаним. Я не знайшов селектора, який би відповідав повному тексту, але фільтр працює:

 $('.selDiv option')
    .filter(function(i, e) { return $(e).text() == "Selection 1"})

EDIT3 : Будьте обережні, $(e).text()оскільки він може містити новий рядок, що робить порівняння невдалим. Це відбувається, коли параметри неявно закриті (без </option>тегу):

<select ...>
<option value="1">Selection 1
<option value="2">Selection 2
   :
</select>

Якщо ви просто використовуєте e.textбудь-який додатковий пробіл, як-от трейлінг нового рядка, буде видалено, що зробить порівняння більш надійним.

Жоден із вищевказаних методів не забезпечив потрібне мені рішення, і я подумав, що я забезпечу те, що працює для мене.

$('#element option[value="no"]').attr("selected", "selected");

Ви можете просто скористатися val()методом:

$('select').val('the_value');

За значенням те, що працювало для мене з jQuery 1.7, це код нижче, спробуйте це:

$('#id option[value=theOptionValue]').prop('selected', 'selected').change();

Існує декілька способів зробити це, але найбільш чіткий підхід був загублений серед найкращих відповідей та безлічі аргументів val(). Також змінилися деякі методи, починаючи з jQuery 1.6, тому для цього потрібне оновлення.

Для наступних прикладів я припускаю, що змінна $selectє об'єктом jQuery, що вказує на потрібний <select>тег, наприклад, за допомогою наступного:

var $select = $('.selDiv .opts');

Примітка 1 - використовуйте val () для відповідності значень:

Для відповідності значення використання val()набагато простіше, ніж використання селектора атрибутів: https://jsfiddle.net/yz7tu49b/6/

$select.val("SEL2");

Версія програми set .val()реалізована на selectтегах, встановлюючи selectedвластивість збігання optionз однаковими value, тому добре працює у всіх сучасних браузерах.

Примітка 2 - використовуйте опору ("вибрано", правда):

Якщо ви хочете встановити вибраний стан параметра безпосередньо, ви можете використовувати prop(не attr) booleanпараметр (а не текстове значення selected):

наприклад https://jsfiddle.net/yz7tu49b/

$option.prop('selected', true);  // Will add selected="selected" to the tag

Примітка 3 - дозволяють невідомі значення:

Якщо ви val()вибираєте <option>, але значення val не збігається (може статися залежно від джерела значень), вибирається "нічого" і $select.val()повертається null.

Отже, для наведеного прикладу та для надійності ви можете використовувати щось подібне https://jsfiddle.net/1250Ldqn/ :

var $select = $('.selDiv .opts');
$select.val("SEL2");
if ($select.val() == null) {
  $select.val("DEFAULT");
}

Примітка 4 - точна відповідність тексту:

Якщо ви хочете відповідати точним текстом, ви можете використовувати filterфункцію з. наприклад https://jsfiddle.net/yz7tu49b/2/ :

var $select = $('.selDiv .opts');
$select.children().filter(function(){
    return this.text == "Selection 2";
}).prop('selected', true);

хоча якщо у вас є додатковий пробіл, можливо, ви захочете додати обробку до чека, як в

    return $.trim(this.text) == "some value to match";

Примітка 5 - відповідність за індексом

Якщо ви хочете співставити за індексом, просто індексуйте дітей, що вибираються, наприклад https://jsfiddle.net/yz7tu49b/3/

var $select = $('.selDiv .opts');
var index = 2;
$select.children()[index].selected = true;

Хоча в даний час я схильний уникати прямих властивостей DOM на користь jQuery, коду, що підтверджує майбутнє, так що це також можна зробити як https://jsfiddle.net/yz7tu49b/5/ :

var $select = $('.selDiv .opts');
var index = 2;
$select.children().eq(index).prop('selected', true);

Примітка 6 - використовуйте change () для запуску нового вибору

У всіх вищезазначених випадках подія зміни не спрацьовує. Це задумано так, щоб ви не закінчувались рекурсивними змінами.

Щоб створити подію зміни, якщо потрібно, просто додайте виклик до об'єкта .change()jQuery select. наприклад, найпершим найпростішим прикладом стає https://jsfiddle.net/yz7tu49b/7/

var $select = $('.selDiv .opts');
$select.val("SEL2").change();

Існує також безліч інших способів пошуку елементів за допомогою селекторів атрибутів, наприклад [value="SEL2"], але ви повинні пам’ятати, що селектори атрибутів відносно повільні порівняно з усіма цими іншими параметрами.

Ви можете назвати вибір і використовувати це:

$("select[name='theNameYouChose']").find("option[value='theValueYouWantSelected']").attr("selected",true);

Слід вибрати потрібний варіант.

   $(elem).find('option[value="' + value + '"]').attr("selected", "selected");

Відповідаючи на власне запитання щодо документації. Я впевнений, що є інші способи досягти цього, але це працює, і цей код перевірений.

<html>
<head>
<script language="Javascript" src="javascript/jquery-1.2.6.min.js"></script>
<script type="text/JavaScript">

$(function() {
    $(".update").bind("click",      // bind the click event to a div
        function() {
            var selectOption = $('.selDiv').children('.opts') ;
            var _this = $(this).next().children(".opts") ;

            $(selectOption).find("option[index='0']").attr("selected","selected");
//          $(selectOption).find("option[value='DEFAULT']").attr("selected","selected");
//          $(selectOption).find("option[text='Default']").attr("selected","selected");


//          $(_this).find("option[value='DEFAULT']").attr("selected","selected");
//          $(_this).find("option[text='Default']").attr("selected","selected");
//          $(_this).find("option[index='0']").attr("selected","selected");

    }); // END Bind
}); // End eventlistener

</script>
</head>
<body>
<div class="update" style="height:50px; color:blue; cursor:pointer;">Update</div>
<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>
</body>
</html>

Точно буде працювати спробуйте це нижче

Для звичайного вибору

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

Для вибору 2 необхідно скористатися опцією тригера

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

Використовуючи jquery-2.1.4 , я знайшов наступну відповідь, яка працює для мене:

$('#MySelectionBox').val(123).change();

Якщо у вас є значення рядка, спробуйте наступне:

$('#MySelectionBox').val("extra thing").change();

Інші приклади для мене не спрацювали, тому я додаю цю відповідь.

Оригінальну відповідь я знайшов за адресою: https://forum.jquery.com/topic/how-to-dynamically-select-option-in-dropdown-menu

Для встановлення значення вибору при вибраному запусканні:

$('select.opts').val('SEL1').change();

Для налаштування параметра з області дії:

$('.selDiv option[value="SEL1"]')
    .attr('selected', 'selected')
    .change();

Цей код використовує селектор, щоб з'ясувати обраний об'єкт із умовою, а потім змінити вибраний атрибут на attr().

Далі я рекомендую додати change()подію після встановлення атрибута selected, виконуючи це, код буде близьким до зміни вибору користувачем.

Я використовую це, коли знаю індекс списку.

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

Це дозволяє списку змінюватися та запускати подію зміни. ": Nth (n)" рахується від індексу 0

я піду:

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

Спробуйте це

ви просто використовуєте ідентифікатор поля select замість #id (тобто. # select_name)

замість значення параметра використовуйте опцію вибору значення

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

Для Jquery вибрано, якщо ви надіслали атрибут функціонуванню і вам потрібна опція оновлення-вибору

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

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

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

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

якщо ви не хочете використовувати jQuery, ви можете використовувати код нижче:

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

Дякую за запитання. Сподіваємось, цей фрагмент коду підійде для вас.

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

$('#select option[data-id-estado="3"]').prop("selected",true).trigger("change");

або

$('#select option[value="myValue"]').prop("selected",true).trigger("change");