Jquery获取.on事件中输入的值

Question

我是Jquery / Javascript的初学者，在使用.on（点击）后在变量中获取值时出现问题。 我知道它在我开始之后不起作用。但我想知道，我怎么能得到我的价值（我希望你能跟着我）

我的Jquery看起来像这样：

$(function(){
    $("body").on("click", "#main", function(event){
        var test = $("#firstName").value;
        alert(test);
    });
});

我的html页面非常简单，但现在是：

<input type="text" value="HEY THERE" placeholder="Text" name="box" id="firstName">
<a id="main" href="#">Submit Text</a>

javascript警告出现“未定义”，所以我认为我的脚本无法找到我的HTML元素。

我希望你理解我的问题， 问候：）

Answer 1

您需要使用：

var test = $("#firstName").val();

Answer 2

ID名称应该是唯一的，您的代码使用相同的ID名称定义，您应该替换

<input type="text" value="HEY THERE" placeholder="Text" name="box" id="main">

进入这个

<input type="text" value="HEY THERE" placeholder="Text" name="box" id="firstname">

和js应该是

var test = $("#firstName").val();

Answer 3

首先，您有两个不同控件的相同ID（main）。我想您需要将输入文本的ID更改为firstName。

然后，您可以使用纯javascript：

var test = document.getElementById("firstName").value;

或jquery：

var test = $("#firstName").val();