2011-06-20 4 views
7

में स्क्रिप्ट में परिभाषित किया गया है, निम्न कोड में मैं में में फंक्शन initialize() में परिभाषित वैल testName सही ढंग से कैसे डाल सकता हूं?एचटीएमएल बॉडी में उपयोग करने के लिए एक वैरिएबल जिसे हेड पार्ट

<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> 

प्रयुक्त आईडी, नाम, और 'testName' के लिए मान सेट एक बार दस्तावेज़ तैयार है।

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 से परिचित नहीं हूँ। आशा है कि यह सामान्य जेएस समाधान मदद कर सकता है। – xyz

+0

यह प्रश्न का उत्तर नहीं देता है, जो HTML के भीतर इनपुट फ़ील्ड पर उस चर में मान लागू किया जा सकता है? परिवर्तनीय घोषणा को स्थानांतरित करने में कोई मदद नहीं करता है। – nnnnnn

4

ठीक है, अगर आप jQuery का उपयोग कर रहे, तो आप इस समारोह में शामिल बस सकता है:

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

आप (document) .ready() हालांकि $ में स्क्रिप्ट डाल करने के लिए हो सकता है।

+0

jQuery के साथ आप आमतौर पर 'ऑनलोड' ईवेंट का उपयोग करने के बजाय '$ (दस्तावेज़) .ready() 'का उपयोग करेंगे, हालांकि ओपी के' प्रारंभिक() 'फ़ंक्शन (जिसे' ऑनलोड 'कहा जाता है) में सीधे आपके सुझाए गए jQuery कोड को डालना) भी काम करना चाहिए। – 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> 
संबंधित मुद्दे