1

私は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に何か問題があることを示しています...

4

1 に答える 1

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属性内に実際に何かを入れて、アラートに表示することも自由に行いました。

簡単なjqueryの例

于 2012-07-08T02:42:21.080 に答える