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

value 参数显示在警报中，您将其留空！

HTML

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

JS

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

编辑
为了使用 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

我为输入添加了一个值，只是为了让它工作。在您的情况下，它是空的，无法显示任何值。