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

它会正常工作。

选择和警报

3 个答案: