设置选择框的值

Set value of a select box

本文关键字：选择 设置      更新时间：2024-05-18

我有以下选择框：

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

有人知道怎么做吗？

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

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

你能尝试一下吗，在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';

要使用JavaScript，可以使用。。。

selectElement.value = "jp";

jsFiddle。

相关文章：