<div>
Hi, 
in general it should go like this: 

<pre><code class="code-1 nolinks" id="code-20-41370786-1">$(document).ready(function () {
 $(&quot;#yourselectid&quot;).change(function() {
 $(&quot;#inputid1&quot;).val($(this).val());
 ...
});
});
</code></pre>
HTH 
Rainer
</div>

<div>
Example for doing this: 

<pre><code class="code-10 nolinks" id="code-20-41371339-1">&lt;select id=&quot;selectid&quot;&gt;
 &lt;option value=&quot;val1&quot;&gt;Value 1&lt;/option&gt;
 &lt;option value=&quot;val2&quot;&gt;Value 2&lt;/option&gt;
&lt;/select&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
$(document).ready(function() {
 $('#selectid').change( function () {
 var selected = $(this).find('option:selected').val();
 if (selected == &quot;val1&quot;) { alert ('selected Value 1'); }
 if (selected == &quot;val2&quot;) { alert ('selected Value 2'); }
 });
});
&lt;/script&gt;
</code></pre>
</div>

<div>
Or to be more exact for your question: 

<pre><code class="code-10 nolinks" id="code-20-41371341-1">&lt;input type=&quot;text&quot; id=&quot;textfield&quot;&gt;
&lt;select id=&quot;selectid&quot;&gt;
 &lt;option value=&quot;val1&quot;&gt;Value 1&lt;/option&gt;
 &lt;option value=&quot;val2&quot;&gt;Value 2&lt;/option&gt;
&lt;/select&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
$(document).ready(function() {
 $('#selectid').change( function () {
 var selected = $(this).find('option:selected').val();
 if (selected == &quot;val1&quot;) { $('#textfield').val('selected Value 1'); }
 if (selected == &quot;val2&quot;) {$('#textfield').val('selected Value 2'); }
 });
});
&lt;/script&gt;
</code></pre>
</div>

<div>
<div class="content wysiwyg-content">
I have a Form with a select option dropdown. &nbsp;The form is pretty long. &nbsp;Depending upon the Option Selected I would like to populate 3-4 other input boxes with it's value, when the select changes. &nbsp;How do I do this?
</div>
</div>

I have a Form with a select option dropdown.  The form is pretty long.  Depending upon the Option Selected I would like to populate 3-4 other input boxes with it's value, when the select changes.  How do I do this?

jQuery Populate input fields depending on Select input

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.