選擇和警報

Question

好的，所以當我遇到問題時，我嘗試使用一些其他網站來學習一些基本的javascript和html。 我曾嘗試在這個論壇上尋找另一個問題，例如我的問題，但所有編碼都完全落在我頭上，我什么都不懂。 我試圖讓用戶從下拉菜單中選擇一個名稱，然后將該名稱與短消息一起打印在警報中。 到目前為止，這就是我所擁有的。

HTML

<select name="name">
<option value="Matthew">Matthew</option>
<option value="John">John</option>
<option value="Jared">Jared</option>
</select>
<input type="button" value="Submit" onclick="Message()" />

使用Javascript

function Message()
{
    var name = document.getElementsByName(name).value;  
    alert("Hi " + name)
}

我知道這可能真的很簡單，但是如果您解釋了我做錯了什么並提供了固定版本的代碼，我將不勝感激。

預先感謝，馬修

Answer 1

更換

.getElementsByName(name).value;

同

.getElementsByName('name')[0].value;
-------------------^----^-----

你不見了' 。

Answer 2

您應該寫出"name"而不是name 。

它應該是不可variable的字符串。

更改為

 var name = document.getElementsByName("name")[0].value;  

並且不要使用保留的關鍵字，它們有時會造成混亂。

示例： <select name="userName">而不僅僅是<select name="name">

Answer 3

你可以這樣使用

<select id="name">
<option value="Matthew">Matthew</option>
<option value="John">John</option>
<option value="Jared">Jared</option>
</select>
<input type="button" value="Submit" onclick="Message()" />

和你的JavaScript

function Message()
{
var name = document.getElementById('name').value;  
alert("Hi " + name)
}

它將正常工作。