HTML SELECT - изменение выбранной опции с помощью VALUE с использованием JavaScript

В выпадающем списке SELECT может быть много параметров.

<select id="sel">
    <option value="car">1</option>
    <option value="bike">2</option>
    <option value="cycle">3</option>
    ...
</select>

Я создаю страницу профиля обновления, в которой пользовательский профиль извлекается из базы данных, и форма отображается с этими значениями. Когда дело доходит до выпадающего списка SELECT, есть много вариантов. Итак, его утомительный тест на все значения

if (value == '1')
    echo "<option selected value='car'>1</option>";`

Итак, я хочу, чтобы соответствующая опция была выбрана из ее значения. Например, когда я делаю что-то вроде sel.value = 'bike' с использованием JavaScript, следует выбрать опцию 2.

Ответ 1

Вы можете выбрать значение, используя JavaScript:

document.getElementById('sel').value = 'bike';

DEMO

Ответ 2

Если вы используете jQuery:

$('#sel').val('bike');

Ответ 3

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

JSFIDDEL DEMO

с помощью javascript

document.getElementById('sel').value = 'car';

с помощью jQuery

$('#sel').val('car');

Ответ 4

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