jquery - jQuery 不会显示我的输入值？

Question

我正在尝试从我的文本输入中获取值，并且现在只是在单击按钮时提醒它。无论出于何种原因，警报始终为空白？我尝试了许多不同的方法来解决这个问题，但没有一个奏效。请帮帮我。:\

正如你在这里看到的。

我的 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);
});

});

score 4 · Accepted Answer

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

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

...到...

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

...那么输出将永远是华夫饼。您要做的是检查单击时的值，然后将其打印出来。

解决此问题的最简单方法是检查 click 函数中的值，如下所示：

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

正如其他人指出的那样，最好使用.val()而不是.attr('value'). 不管怎样都行

score 2 · Accepted Answer

如何在点击事件中获取值

$(document).ready(function(){ 

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

});

score 1 · Accepted Answer

1

尝试直接访问值

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

于 2012-07-09T21:33:13.200 回答

3 回答 3