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>

您可以通过两种方式做到这一点：

一、设置value：

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

jsFiddle 演示

---

二、设置selectedIndex：

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

jsFiddle 演示

---

笔记

如果您的标签中有属性，则方法 II ( selectedIndex) 更安全：valueoption

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

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

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