2011-06-20 4 views
7

次のコードでは、initialize()の本文に、testNameの値を正しく挿入する方法を教えてください。html bodyでhead部のスクリプトで定義されている変数の使用方法

<html> 
<head> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script> 
<script type="text/javascript"> 

function intialize() 
{ 
    var testName="John"; 
} 
</script> 
</head> 

<body onload="intialize()"> 
<input id="Name" type="textbox" value=testName> 
</body> 
</html> 

答えて

11

あなたは準備ができて、ドキュメントを使用することができます。

<html> 
<head> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script> 
<script type="text/javascript"> 

$(function(){ 
     $('#Name').val('testName'); 
}); 

</script> 
</head> 

<body> 
<input id="Name" type="textbox" value=""/> 
</body> 
</html> 

は、ID、名を使用して、ドキュメントの準備ができたら、「テスト名」に値を設定します。

1

jQueryを使用できるので、使用してください。 ...しかし1.6.1よりも古いバージョンを使用しないでください

<html> 
<head> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script> 
<script type="text/javascript"> 
var testName="John"; 
$(document).ready(function() { 
    $('#Name').val(testName); 
}); 
</script> 
</head> 

<body> 
<input id="Name" type="text"> 
</body> 
</html> 
+0

なぜ1.6.1より古いバージョンを使用しないのですか?バージョンを更新するたびにコードに入ることなく、最新の利用可能なバージョンを自動的に使用する方法はありますか?あなたの提案は、ドキュメントをすぐに使用することなく動作しているので、私はそれをスキップするか、それとも必須ですか? – Ash

2

機能

<script type="text/javascript"> 
var testName; 
function intialize() 
{ 
    testName="John"; 
} 
</script> 

外に宣言してくださいしかし、それはグローバル変数になります。

+0

私はJqueryに精通していません。この通常のJSソリューションが役立つことを願っています。 – xyz

+0

これは、その変数の値をHTML内の入力フィールドにどのように適用できるのかという質問には答えません。変数宣言を動かすことはまったく役に立ちません。 – nnnnnn

4

さてあなたはjQueryのを使用している場合、あなただけの機能で、これを含めることができます

$("#Name").val(testval); 

あなたがが$で(ドキュメント).ready()のスクリプトを置く必要がある場合があります。

+0

jQueryでは 'onload'イベントを使用するのではなく、通常は' $(document).ready() 'を使用しますが、提案されたjQueryコードをOPの' initialize() '関数(' onload' )もうまくいくはずです。 – nnnnnn

2

これ。簡単ですし、このjqueryの混乱を心配する必要はありません。

<html> 
<head> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script> 
<script type="text/javascript"> 

function intialize() 
{ 
    var testName="John"; 
    document.getElementById("Name").value = testname; 
} 
</script> 
</head> 

<body onload="intialize()"> 
<input id="Name" type="textbox"> 
</body> 
</html> 
関連する問題