jquery - Jquery $（ "＃selector"）は空のデータを返します

Question

jqueryを使用してこの値を取得しようとしているフォームにフィールドがあります。常にnullを返します。

どこが間違っているのですか？

これが私が試したものですhttp://jsfiddle.net/9gJGM/

Answer 1

これを実行すると、正しく選択されていることがわかります。

var  productCategor =  $("#category").attr("id");
alert(productCategor);​

この更新された JS Fiddle を参照して、テキストを入力できることを確認してください。

http://jsfiddle.net/7sH8f/1/

Answer 2

空白のままにした値パラメーターがアラートに表示されます。

HTML

<input type="text" name="category" id="category" value="myValue"/>​

JS

var  productCategor =  $("#category").val();
           alert(productCategor);​

EDIT
JSを使用してテキストボックスの値を動的に変更するには、次を使用できます。

$("#category").val("abcd");​

これは私のブラウザで動作します。value パラメーターを空のままにしておくと、アラートで空白が返されます。

EDIT2 これは正しい方法です。

<input type="text" name="category" id="category"/>
<input type="button" value="hit" onClick="hit();"/>

function hit(){
var  productCategor =  $("#category").val();
    alert(productCategor);
}

Answer 3

なぜならあなたの価値はempty

<input type="text" name="category" id="category" value=""/>​

内部にいくつかのデータを入れてみてください

<input type="text" name="category" id="category" value="MyVal"/>​

Answer 4

これを試してください：jsfiddle

動作を確認するためだけに、入力に値を追加しました。あなたの場合は空で、値を表示できませんでした。