2012-07-07 45 views
1

我是新来的jQuery和有以下问题......问题与jQuery和获得价值从文本框

我有像这样的输入框:<input class="textbox" id="query" type="text" name="querybox" />。在jQuery中,我试图做$('#query').val(),它无法获得价值。后来我意识到它甚至没有获得文本框!虽然我在这里跟随文档: http://api.jquery.com/?s=input

有没有我不正确的做法?

我的输入框在body > wrapper(div) > content(div)

编辑

我拿走了所有的无关件到我的代码这一点:

<!DOCTYPE html> 
<html> 
<head> 
    <title>Test</title> 

    <script type="text/javascript"> 
     var a1 = $("#query").val(); 
     alert('hi'); 
    </script> 

    <link rel="stylesheet" media="screen" href="/static/stylesheets/main.css"> 
    <link rel="stylesheet" media="screen" href="/static/stylesheets/uni_login.css"> 
    <link rel="stylesheet" media="screen" href="/static/stylesheets/navigation.css"> 
    <script type="text/javascript" src="/static/javascripts/jquery-1.7.1.min.js"></script> 
    <script type="text/javascript" src="/static/javascripts/jquery.autocomplete-min.js"></script> 
</head> 
<body> 
<div id="wrapper"> 
    <div id="content"> 
     <input class="textbox" id="query" type="text" name="querybox" /> 
    </div> 
</div> 
</body> 
</html> 

当我带走var a1 = $("#query").val();,我看到了警报。这告诉我有问题,我正在运行的jquery ...

+0

请提供您的代码。 http://jsfiddle.net理想 – 2012-07-08 01:02:43

回答

2

尝试使用你的JavaScript文件准备好了。您还需要在自己的jQuery脚本之前加载jQuery库。

$(function(){ 
    var a1 = $("#query").val(); 
    alert(a1); 
}) 

HTML

<div id="wrapper"> 
    <div id="content"> 
    <input class="textbox" id="query" type="text" name="querybox" value="hello world"/> 
    </div> 
</div> 

我也冒昧地居然把东西value属性内部和警报显示。

simple jquery example

+0

奇怪的是,该代码在jsfiddle中工作,但本地工作。 – KVISH 2012-07-08 02:48:05

+0

我认为你应该加载你的jQuery脚本之前的jQuery库 – 2012-07-08 02:49:30

+0

我明白了......谢谢! – KVISH 2012-07-08 02:52:48