問題與jQuery和獲得價值從文本框

我是新來的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 ...

來源

2012-07-07 KVISH

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

嘗試使用你的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

來源

2012-07-08 02:42:21

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

我認爲你應該加載你的jQuery腳本之前的jQuery庫 – 2012-07-08 02:49:30

我明白了......謝謝！ – KVISH 2012-07-08 02:52:48

問題與jQuery和獲得價值從文本框

回答

相關問題