如何设置下拉列表的用户动态查看值

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>

您可以通过两种方式执行此操作：

一，设定value ：

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

jsFiddle演示

---

II。 设置selectedIndex ：

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

jsFiddle演示

---

注意

如果您的option标记中包含value属性，则方法II（ selectedIndex ）更安全：

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

方法I将选择第二个选项（ Orange ），因为它的值是Banana （ jsFiddle ）。

但是方法II仍将选择第三个选项（ Banana ），因为它的索引是2。