realtime update text in javascript by same id -
मैं आईडी = "b" में टेक्स्ट कैसे अपडेट करूं?
& lt; स्क्रिप्ट टाइप = "टेक्स्ट / जावास्क्रिप्ट" & gt; फ़ंक्शन updateb () {var a = document.getElementById ("a")। मान; Var b = document.getElementById ("b")। InnerHTML = एक * 10; } & Lt; / script & gt; & Lt; इनपुट प्रकार = "टेक्स्ट" id = "a" name = "a" मान = "10" onKeyUp = "updateb ();" / & Gt; & lt; p id = "b" नाम = "b" & gt; & lt; / p & gt; & Lt; इनपुट प्रकार = "टेक्स्ट" id = "a" name = "a" मान = "20" onKeyUp = "updateb ();" / & Gt; & lt; p id = "b" नाम = "b" & gt; & lt; / p & gt; & Lt; इनपुट प्रकार = "टेक्स्ट" id = "a" name = "a" value = "30" onKeyUp = "updateb ();" / & Gt; & lt; p id = "b" नाम = "b" & gt; & lt; / p & gt;
1) आईडी हमेशा किसी पृष्ठ में अनूठी होंगी।
< P> 2।) GetElementById हमेशा एक ही आईडी के साथ एक ही तत्व देता है यदि समान मूल्य के साथ कई आईडी हैं3)। ऊपर प्रश्न के लिए आप getElementsByName प्राप्त कर सकते हैं। यह एलेमेंटबीआईडी को एक अंतर के साथ मिलना बहुत समान है, यह आपको समान नाम वाले सभी तत्वों को देगा। यदि आप
x = document.getElementsByName ("b");
x [0] में पहले एक होगा
x [1] में 2 एक
x [2] में तीसरा होगा
यदि आप चाहते हैं कि यह getElementById द्वारा किया जाए तो उर तत्व आईडी को किसी भी अन्य अद्वितीय नाम की तरह बदलें:
& lt; script type = "text / javascript" & gt; फ़ंक्शन अपडेटब (एसआरसी) {var a = Src.value; Document.getElementById ("b" + Src.id.substr (1))। InnerHTML = एक * 10; } & Lt; / script & gt; & Lt; इनपुट प्रकार = "टेक्स्ट" id = "a1" नाम = "a" मान = "10" onKeyUp = "updateb (यह);" / & Gt; & lt; p id = "b1" नाम = "b" & gt; & lt; / p & gt; & Lt; इनपुट प्रकार = "टेक्स्ट" id = "a2" नाम = "a" मान = "20" onKeyUp = "updateb (यह);" / & Gt; & lt; p id = "b2" नाम = "b" & gt; & lt; / p & gt; & Lt; इनपुट प्रकार = "टेक्स्ट" id = "a3" नाम = "a" मान = "30" onKeyUp = "updateb (यह);" / & Gt; & lt; p id = "b3" नाम = "b" & gt; & lt; / p & gt;
Comments
Post a Comment