select ‹выбрать› элемент по значению

Если вы можете, с ES6...

function setOption(selectElement, value) {
    return [...selectElement.options].some((option, index) => {
        if (option.value == value) {
            selectElement.selectedIndex = index;
            return true;
        }
    });
}

...иначе...

function setOption(selectElement, value) {
    var options = selectElement.options;
    for (var i = 0, optionsLength = options.length; i < optionsLength; i++) {
        if (options[i].value == value) {
            selectElement.selectedIndex = i;
            return true;
        }
    }
    return false;
}

setOption(document.getElementById('my-select'), 'b');

Посмотрите!

Если он возвращает false, значит, значение не найдено :)

Если кто-то ищет решение jquery, используйте функцию val().

$("#select").val(valueToBeSelected);

В Javascript,

document.getElementById("select").value = valueToBeSelected; 

Использование Javascript:

document.getElementById('drpSelectSourceLibrary').value = 'Seven';

Если вы используете jQuery (1.6 или выше)

$('#x option[value="5"]').prop('selected', true)

Итак, я наткнулся на это и подумал, что предлагаю несколько решений.

Самый простой способ для одного выбора - просто установить значение выбора:

var mySelect = document.getElementById( 'my-select-id' );
mySelect.value = 7;

Вы также можете получить выбранную опцию по значению точно так же:

console.log( mySelect.value );

То, что я искал, было лучшим способом установить значения множественного выбора (<select multiple>...</select>), но, как оказалось, вам нужно перебрать параметры и установить их в каком-то цикле for:

function setMultiSelectValues( select, values ) {
    for (var i = 0; i < select.options.length; i++) {
        var option = select.options[i];
        if ( values.includes( option.value ) ) {
            option.selected = true;
        }
    }
}

А затем используйте его как:

var mySelect = document.getElementById( 'my-select-id' );
var myValues = [ 'option-1', 'option-5' ];
setMultiSelect( mySelect , values );

Демо: https://codepen.io/rmorse/pen/QWNymdb

Вам не нужен даже javascript для участия, используйте просто атрибут selected:

<select id="x">
  <option value="5" selected>hi</option>
  <option value="7">hi 2</option>
</select>