2011-09-30 12 views

उत्तर

539

यह कर का एक तरीका है:

document.getElementById("mytext").value = "My value"; 
+3

मैं करूँगा, वहाँ उपयोगकर्ता मैदान पर क्लिक करता है तो घाटी शून्य बनाने के लिए एक तरीका है? – SebastianOpperman

+3

हां, एक इनपुट हैंडलर इनपुट फ़ील्ड को असाइन करें जो मान ऑनक्लिक को मिटा देता है। उदाहरण: elem.onclick = clearField(); // जो उस फ़ंक्शन को इंगित करेगा जो उपरोक्त उत्तर के समान मूल्य को सेट करके फ़ील्ड को मिटा देता है। –

+1

मेरे लिए यह काम नहीं किया। उपर्युक्त मूल्य विशेषता बनाएगा? – Dchris

45

अगर आपके प्रपत्र तो आप जावास्क्रिप्ट में कोड नीचे दिए गए के रूप में अपने मूल्य निर्धारित करने के लिए लिख सकते हैं जैसे

<input type='text' id='id1' /> 

एक इनपुट फ़ील्ड

document.getElementById('id1').value='text to be displayed' ; 
17

इन्हें आजमाएं।

document.getElementById("current").value = 12 

// or 

var current = document.getElementById("current"); 
current.value = 12 
+1

कभी भी ऐसे फ़ील्ड में गैर-पाठ मान सेट न करें। यदि आप वापस पढ़ते हैं तो आप कुछ ब्राउज़रों में स्ट्रिंग (!) पढ़ेंगे) – socketpair

5

यह आसान है; एक उदाहरण है:

<input type="text" id="example"> // Setup text field 
<script type="text/javascript"> 
var elem = document.getElementById("example"); // Get text field 
elem.value = "My default value"; // Change field 
</script> 
32

मैं का उपयोग करें 'setAttribute' समारोह:

<input type="text" id="example"> // Setup text field 
<script type="text/javascript"> 
    document.getElementById("example").setAttribute('value','My default value'); 
</script> 
+7

'value' को डॉट नोटेशन का उपयोग करके सीधे एक्सेस किया जाना चाहिए: https://developer.mozilla.org/en-US/docs/Web/API/Element.setAttribute आप केवल मूल मान से निपटने के लिए सेट/getAttribute का उपयोग करते हैं। डोम लोड होने के बाद,'value' तत्व के वास्तविक कार्य मूल्य का प्रतिनिधित्व करता है। –

+1

@ChrisBaker I अगर मैं कर सकता तो यह जवाब +1000 होगा। मेरे पास एक तृतीय पक्ष ऐप है जो एप्लिकेशन को स्वचालित करने के लिए इनपुट फ़ील्ड स्कैन करता है (मेरा पृष्ठ एम्बेडेड यानी नियंत्रण में प्रस्तुत करता है)। यह एक अद्वितीय परिदृश्य है जहां ग्राहक के ऐप द्वारा इनपुट फ़ील्ड का उपभोग किया जाता है। मेरे दस्तावेज़ तैयार फ़ंक्शन में .value का उपयोग करके पोस्टबैक के तुरंत बाद इनपुट फ़ील्ड रीसेट नहीं किए गए थे। जब मेरे पास बाद में एसिंक पोस्टबैक था, तो उपयोगकर्ता शुरू करेगा, यह इन इनपुट मानों को फिर से क्लिक करने के लिए पुन: उपयोग करेगा, जिसे उन्होंने पहले क्लिक किया था और मुझे पृष्ठ को "उन्हें भूलने" की आवश्यकता थी। यह आवश्यक हैकी जादुई सॉस है। धन्यवाद पेपे और क्रिस! – MikeTeeVee

+2

मैं वाईआई 2.0 का उपयोग कर रहा हूं और .value = '' सेट कर रहा हूं, सीधे फ़ील्ड पर फॉर्म सत्यापन सही ढंग से नहीं चलाएगा। SetAttribute ('value', '...') का उपयोग ठीक से संभाला जाता है। धन्यवाद! – ekscrypto

7

सरल उत्तर सबसे आसान तरीका प्लेसहोल्डर पाने के लिए जावास्क्रिप्ट में नहीं है जगह धारक विशेषता के माध्यम से है

<input type="text" name="text_box_1" placeholder="My Default Value" /> 
+1

इसके साथ समस्या यह है कि यह इंटरनेट एक्सप्लोरर के लिए बिल्कुल काम नहीं करता है। यदि आप जानते हैं कि आपके पास आईई क्लाइंट नहीं हैं, तो हाँ, यह सबसे अच्छा जवाब है। – Sifu

+2

@ सिफू यह वास्तव में ऐसा करने के लिए एक अच्छी बात है यदि आप जानते हैं कि आपके पास आईई क्लाइंट हैं (संभवतः एक जावास्क्रिप्ट समाधान के अतिरिक्त) क्योंकि यह फ़ील्ड खाली होने पर भी मान को फिर से सेट करेगा। – ahruss

+1

@ सिफू ने आईई को प्लेसहोल्डर विशेषता का समर्थन नहीं किया, आईई का उपयोग करें और www.1c3br3ak3r-multimedia.ca पर जाएं और खोज बार को देखें, यह प्लेसहोल्डर विशेषता – Jdoonan

6

उत्तर वास्तव में सरल है

// Your HTML text field 

<input type="text" name="name" id="txt"> 

//Your javascript 

<script type="text/javascript"> 
document.getElementById("txt").value = "My default value"; 
</script> 

या यदि आप पूरी तरह जावास्क्रिप्ट से बचना चाहते हैं: आप बस HTML

<input type="text" name="name" id="txt" value="My default value"> 
+0

में समर्थित है आश्चर्यजनक है कि यहां केवल एक व्यक्ति ने '' value'' विशेषता का उपयोग करने का सुझाव दिया है ... –

+0

@AlgyTaylor ने आपके प्रयास की सराहना की और आपकी अद्भुत टिप्पणी –

0

का उपयोग कर इसे परिभाषित कर सकते हैं तुम भी कोशिश कर सकते हैं:

document.getElementById('theID').value = 'new value'; 
+2

के लिए धन्यवाद नया मान सेट करना ** ** डिफ़ॉल्ट मान सेट नहीं कर रहा है। इसलिए, यह समस्या हल नहीं करता है। आपको यह कहना चाहिए कि एक बार जब आप पर्याप्त प्रतिष्ठा प्राप्त कर लेते हैं तो पोस्ट की टिप्पणी के रूप में। –

4

आप कई रूपों का उपयोग कर रहे हैं, तो आप उपयोग कर सकते हैं:

<form name='myForm'> 
    <input type='text' name='name' value=''> 
</form> 

<script type="text/javascript"> 
    document.forms['myForm']['name'].value = "New value"; 
</script> 
0
document.getElementById("fieldId").value = "Value"; 

या

document.forms['formId']['fieldId'].value = "Value"; 

या

document.getElementById("fieldId").setAttribute('value','Value'); 
संबंधित मुद्दे