Javascript 设置选择框的值

我有以下选择框：

<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”。 我想做的是使用javascript将这个选择框的值设置为“jp”，并将这个选择框上显示的文本设置为“Japan”

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

---

有人知道怎么做吗？

要使用JavaScript，您可以使用

selectElement.value = "jp";

---

.

您能试试这个吗，根据您在HTML、Javascript

document.getElementsByName（'country'）[0]中的偏好添加
selected=“selected”

使用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>

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

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

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

这是我的建议。如果问题仍然存在，请检查所选索引是否正在通过脚本更改。