Question

我是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有问题......

Answer 1

尝试使用您的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>

我还冒昧地将一些内容置于值属性中并将其显示在警报中。

simple jquery example

jQuery问题并从文本框中获取价值

1 个答案: