選擇和警報

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) 
} 

這將正常工作使用。