jQuery不会显示我的输入值？

Question

我正在尝试从我的文本输入中获取值，并立即将其从按钮单击中提醒。无论出于何种原因，警报始终为空白？我已经尝试了许多不同的方法，但没有一个有效。请帮帮我。 ：\

正如您所见here。

我的HTML：

<input type="text" id="item_text" />
<button id="button1">ClickMe</button>

我的jQuery：

$(document).ready(function(){

value = $("#item_text").attr('value'); 

$("#button1").click(function(){
alert(value);
});

});

Answer 1

您在页面加载时设置了值，然后在单击时将其打印出来。所以，如果你改变了

<input type="text" id="item_text" />

...到...

<input type="text" id="item_text" value="waffles"/>

...然后输出将始终是华夫饼。你想要做的是检查点击值，然后打印出来。

解决这个问题的最简单方法是检查点击函数中的值，如下所示：

$(document).ready(function(){
    $("#button1").click(function(){
        value = $("#item_text").attr('value'); 
        alert(value);
    });
});

正如其他人所指出的那样，使用.val()代替.attr('value')会更好。无论哪种方式都可以使用

Answer 2

如何在点击事件中获取值

$(document).ready(function(){ 

 $("#button1").click(function(){
    value = $("#item_text").val();
    alert(value);
  });

});

Answer 3

尝试直接访问值

$("#item_text").val();