Question

我有以下选择框：

<select name="country">
    <option value="us">America</option>
    <option value="jp">Japan</option>
    <option value="cn">China</option>
    <option value="vi">Vietnam</option>
</select>

默认情况下，此选择框的值为“us”，显示的文本为“America”。我想要做的是将此选择框的值设置为“jp”，并使用javascript将此选择框上显示的文本设置为“Japan”。

我可以通过将“selected”属性设置为“true”轻松地将值设置为“jp”，但我无法更改选择框上的文本显示（它仍然显示“America”而不是“Japan” “）。

有没有人知道怎么做？

Answer 1

您需要设置select本身的值，而不是将所选的选项设置为true。

var element = document.getElementsByName('country')[0];
element.value = 'jp';

Answer 2

您可以尝试这一点，根据您的偏好在HTML中添加selected="selected"，Javascript document.getElementsByName('country')[0].value。

使用HTML：

<select name="country">
    <option value="us">America</option>
    <option value="jp" selected="selected" >Japan</option>
    <option value="cn">China</option>
    <option value="vi">Vietnam</option>
</select>

使用javascript：

  document.getElementsByName('country')[0].value = 'jp';

Answer 3

要使用JavaScript，您可以使用...

selectElement.value = "jp";

jsFiddle

设置选择框的值

3 个答案: