javascript - jqueryでテキストフィールドの値を取得できません

Question

なぜ機能しないのかわかりませんが、これは簡単です。テキストフィールドの値だけが必要です。これがコードです。http://jsfiddle.net/VL8hr/

$(document).ready(function() {

   var firstname = $('.firstname').val();
   alert(firstname);

}); 

Answer 1

class- selectorの代わりにid-selectorを使用する必要があります。firstnameid

var firstname = $('#firstname').val();

デモ:フィドル

Answer 2

#は のセレクターidおよび.のセレクターですclass。

$(document).ready(function() {

       var firstname = $('#firstname').val();
       alert(firstname);

    }); 

Answer 3

あなたのセレクターは間違っています。id 属性を使用しましたが、JavaScript コードではクラスとして使用する傾向があります。このようになるはずです

$(document).ready(function() {

   var firstname = $('#firstname').val();
   alert(firstname);

}); 

ここでIDとクラスセレクターを区別できます。

http://api.jquery.com/id-selector/

http://api.jquery.com/class-selector/

Answer 4

jquery を変更する

$(document).ready(function() {

   var firstname = $('#firstname').val();
   alert(firstname);

});