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

Popular posts from this blog

Pass DB Connection parameters to a Kettle a.k.a PDI table Input step dynamically from Excel -

multithreading - PhantomJS-Node in a for Loop -

c++ - MATLAB .m file to .mex file using Matlab Compiler -