2011-08-29 75 views
0

我對jquery很新,我試圖用下面的方式製作一個動態表單(並且它不工作)。我希望表單的頭部區域有一個初始值「hello」。jquery和動態窗體的幫助?

我知道你可以用html(帶value參數)輕鬆做到這一點,但我有一個更大的目標,要求值是動態的。

無論如何,我似乎無法得到它的工作,所以請幫助。謝謝。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
<head> 
    <title>Logging In Test</title> 
    <script type = "text/javascript" src="{{ STATIC_URL }}js/jquery.js"> 
    var value = "hello"; 
    $('#login [name=firstname]').val(value) 
    </script> 
</head> 
<body> 
<form id="login"> 
    <input type = "text" name="firstname"> 
</form> 
</body> 
</html> 

謝謝。

回答

2

使用$(document).ready();http://api.jquery.com/ready/

$(document).ready(function(){ 
    var value = "hello"; 
    $('#login [name=firstname]').val(value) 
}); 

到文檔完全加載後設置的初始值和DOM是正確創建

+1

是的,這是做的伎倆,謝謝。 – de1337ed

+0

不客氣,很高興爲您效勞! –

0

存在着如何,當你插入的jQuery試試下面的一個問題:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
<head> 
    <title>Logging In Test</title> 
</head> 
<body> 
<form id="login"> 
    <input type = "text" name="firstname"> 
</form> 



<script type = "text/javascript" src="{{ STATIC_URL }}js/jquery.js"></script> 
<script type = "text/javascript"> 
    var value = "hello"; 
    $('#login [name=firstname]').val(value) 
</script> 
</body> 
</html> 
+0

其實,我發現了一個鏈接,是相當有幫助: http://www.jason-palmer.com/2008/08/jquery-plugin-form-field-default-value/ 我要去嘗試今天晚些時候。 – de1337ed

+0

嗯,不知道該jquery應該去那裏,我會給一個嘗試 – de1337ed

+0

腳本應該在標題中的位置,但問題是不相關的腳本標籤在頁 –