Jquery $( "#selector" ) 返回空数据

Question

我在表单中有一个字段，试图使用 jquery 获取此值。它始终返回空值。

我哪里出错了？

这是我尝试过的 http://jsfiddle.net/9gJGM/

Answer 1

运行这个，你可以看到它选择正确：

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

请参阅此更新的 JS 小提琴以验证您是否可以输入文本：

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 参数留空，则一定会在警报上返回空白。

编辑2这是正确的方法。

<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

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