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

尝试值

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

Answer 3

直接访问如何让点击事件中值

$(document).ready(function(){ 

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

});