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

ユーザーのプロファイルがデータベースから取得され、それらの値がフォームに表示される [プロファイルの更新]ページを作成しています。ドロップダウンに関してはSELECT、多くのオプションがあります。したがって、すべての値をテストするのは面倒です

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

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

Answer 1

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

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

デモ