HTML SELECT-JavaScriptを使用して選択したオプションをVALUEで変更します

Question

SELECTドロップダウンには多くのオプションがあります。

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

私はUpdate Profileページを作成しています。このページでは、ユーザーのプロファイルがデータベースから取得され、それらの値を含むフォームが表示されます。 SELECTdropdownに関しては、多くのオプションがあります。だから、その退屈なテストすべての値

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

そのため、その値から対応するオプションを選択したいと思います。 JavaScriptを使用してsel.value = 'bike'のような操作を行う場合、オプション2を選択する必要があります。

Answer 1

Javascriptを使用して値を選択できます。

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

DEMO

Answer 2

JQueryを使用している場合：

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

Answer 3

これを試してください....

JSFIDDEL DEMO

javaScriptを使用して

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

jQueryを使用して

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

Answer 4

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