jquery - auto fill textarea if dropdown option is selected -
मेरे पास एक चुनें
और textarea
है।
I textarea
भरने के लिए चाहते हैं, अगर चुनें
तत्व बदल जाता है।
यहां मेरा HTML कोड है (मैं इसे संपादित नहीं कर सकता, इसलिए मुझे jQuery चाहिए):
& lt; div class = "event-attributes" & gt; & Lt; चयन करें नाम = "em_attributes [room]" & gt; & Lt; विकल्प & gt; कमरे 1 & lt; / विकल्प & gt; & Lt; विकल्प & gt; कमरे 2 & lt; / विकल्प & gt; & Lt; विकल्प & gt; कमरे 3 & lt; / विकल्प & gt; & Lt; / चयन & gt; & Lt; / div & gt; & Lt; div वर्ग = "घटना-विशेषताओं" & gt; & Lt; लेबल = "em_attributes [कक्ष विवरण]" & gt; कक्ष विवरण & lt; / label & gt; & Lt; textarea id = "" cols = "55" पंक्तियाँ = "5" & gt; & lt; / textarea & gt; & Lt; / div & gt;
यदि मैं कक्ष 1 का चयन करता हूं, तो textarea
को इसके मान को "यह एक कमरा विवरण", आदि बदलना चाहिए।
मैं कोशिश कर रहा हूं :
& lt; script type = "text / javascript" & gt; Var mytextbox = document.getElementById ('textareaID'); Var mydropdown = document.getElementById ('ड्रॉपडाउनडाइड'); Mydropdown.onchange = function () {mytextbox.value = mytextbox.value + this.value; / / App करने के लिए //mytextbox.innerHTML = this.value; } & Lt; / script & gt;
लेकिन मेरे पास विकल्प या टेक्स्टरेया के लिए कोई आईडी नहीं है
बस & lt; div class = "event-attributes" & gt; & lt; / div & gt; & Lt; चयन करें नाम = "em_attributes [room]" id = "slt" & gt; & Lt; विकल्प & gt; कमरे 1 & lt; / विकल्प & gt; & Lt; विकल्प & gt; कमरे 2 & lt; / विकल्प & gt; & Lt; विकल्प & gt; कमरे 3 & lt; / विकल्प & gt; & Lt; / चयन & gt; & Lt; / div & gt; & Lt; div वर्ग = "घटना-विशेषताओं" & gt; & Lt; लेबल = "em_attributes [कक्ष विवरण]" & gt; कक्ष विवरण & lt; / label & gt; & Lt; textarea id = "txt" cols = "55" पंक्तियाँ = "5" & gt; & lt; / textarea & gt; & Lt; / div & gt;
jqUERY: -
$ (दस्तावेज़) .ready (function () {$ ("# slt")। On ('change', function () {$ ("# Txt")। Val ("आपने चुने:" + $ (यह) .val ());});});
अद्यतन: -
$ (दस्तावेज़) .ready (function () {$ ("चुनें [name = 'em_attributes [कमरे]']" ) .on ('change', function () {$ ("textarea") .val ("चयनित:" + $ (this) .val () + "यह" + $ (this) है .val () + " विवरण " ); }); });
डेमो: -
Comments
Post a Comment