javascript - 値を動的に表示するドロップダウンのユーザーを設定するにはどうすればよいですか

Question

以下に示すように、テキストボックスを設定しているように、ドロップダウンのユーザーが値を動的に表示するように設定するにはどうすればよいですか..

document.getElementById('address').value=addressVal;

私はJSのスターターです。助けてください。

Answer 1

次のマークアップを検討してください。

<select id="dd">
    <option>Apple</option>
    <option>Orange</option>
    <option>Banana</option>
    <option>Lemon</option>
</select>

これは、次の 2 つの方法で行うことができます。

I.設定value：

document.getElementById('dd').value = 'Banana';

jsFiddle デモ

---

Ⅱ．設定selectedIndex：

document.getElementById('dd').selectedIndex = 2;

jsFiddle デモ

---

ノート

タグに属性がselectedIndexある場合は、方法 II ( ) の方が安全です。valueoption

<select id="dd">
    <option>Apple</option>
    <option value="Banana">Orange</option>
    <option>Banana</option>
    <option>Lemon</option>
</select>

メソッド I は、Orange値がBanana( jsFiddle ) であるため、2 番目のオプション ( ) を選択します。

ただし、メソッド II では、Bananaインデックスが 2 であるため、3 番目のオプション ( ) が引き続き選択されます。