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

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 Demo

---

<强> II。设置selectedIndex：

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

jsFiddle Demo

---

注

如果您拥有selectedIndex属性，则方法II（value）更安全 在option标记中：

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