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

});