設置選擇框的值

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將此選擇框上顯示的文本設置為“日本”。

我可以通過將“ selected”屬性設置為“ true”來輕松地將值設置為“ jp”，但是我無法更改選擇框上的文本顯示（它仍然顯示“ America”而不是“ Japan”）。

有誰知道該怎么做嗎？

Answer 1

您需要設置選擇本身的值，而不是將選擇的選項設置為true。

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

Answer 2

您能嘗試一下嗎，根據您在HTML，Javascript document.getElementsByName('country')[0].value首選項添加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>

使用javascript：

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

Answer 3

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

selectElement.value = "jp";

jsFiddle 。