[解決済み] HTML SELECT - JavaScript を使用して、選択されたオプションを VALUE で変更します。

質問

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 が選択されている必要があります。

どのように解決するのですか？

javascriptを使用して値を選択することができます。

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

デモ