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')。不管怎样都行