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

});

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