一個選擇框

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> 

默認情況下，這個選擇框的值是「我們」和顯示的文字是「美國製造」。 我想要做的是將此選擇框的值設置爲「jp」，並使用javascript將此選擇框中顯示的文本設置爲「Japan」。

通過將「selected」屬性設置爲「true」，我可以輕鬆地將值設置爲「jp」，但我無法更改選擇框上的文本顯示（它仍然顯示「America」而不是「日本」）。

有沒有人知道如何做到這一點？

Answer 1

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

selectElement.value = "jp"; 

jsFiddle。

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

你需要設置的值的選擇本身，而不是選擇設置爲true的選項。

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