Как выбрать параметр в поле выбора с помощью jQuery

У меня есть одно окно выбора с различными параметрами.

При загрузке страницы один параметр со значением, например 10, должен быть предварительно выбран с помощью jQuery.

Как я могу это сделать?

Ответы

Ответ 1

Когда загрузка страницы запускается (вы можете поместить ее в <body onload="//put code here">):

$("option[value='10']").attr('selected','selected');

Ответ 2

Проверьте пример: http://jsfiddle.net/VArCZ/

$(document).ready(function() {

    $('#mySelectBox').val('10');

});

Хотя jQuery не требуется для этого, если значение intial будет static:

<select id='mySelectBox'>
    <option value='5'>5</option>
    <option value='10' selected='selected'>10</option>
    <option value='15'>15</option>
</select>​

Ответ 3

Над кодом работает, вы можете использовать следующий код:

$("option[value='10']").attr('selected','selected');

Ответ 4

Это то, что я повторно использую в своем коде. Надеюсь, что это поможет. Вы можете включить вывод консоли, чтобы узнать, что происходит. С помощью этой функции вы можете либо выбрать желаемый вариант на основе значения параметра или текста опции, как показано в примере ниже.

Html:

<select id="languages">
 <option value="01">JAVA</option>
 <option value="02">HTML</option>
</select>

<select class="data-interchange">
 <option value="A">JSON</option>
 <option value="B">XML</option>
</select>

JavaScript (с использованием JQuery)

$(function() {
  preSelectDropDownList("#languages", "val", "02");
  preSelectDropDownList(".data-interchange", "text", "XML");

  function preSelectDropDownList(selector, checkAgaints, neddle) {
    //console.log(selector, checkAgaints, neddle);//DEBUG
    let hayStack = "";
    neddle = neddle == null ? "" : neddle;
    $(selector + " option").filter(function() {
        if (checkAgaints === "text") {
            hayStack = $(this).text();
        } else if (checkAgaints === "val") {
            hayStack = $(this).val();
        } else {
            alert("Error on Param 2.Only text or value allowed -->" + checkAgaints);
        }
        var result = hayStack.includes(neddle);
        //console.log(neddle+" vs "+hayStack+" = "+result);//DEBUG
        //console.log("Selected return", result);//DEBUG
        return result;
    }).prop('selected', true);
}
});

Ответ 5

В последней версии jQuery это работает для меня:

$("option[value='10']").prop('selected',true);