title: To populate multiple textboxes when a DropDownList value is selected using jQuery or Javascript
body: <p>I want to populate multiple textboxes with value of a selected DropDownList (Select List) using jQuery. Here is the code I have</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>The jQuery Script
  
  &lt;script type="text/javascript"&gt;
     
          $("#item").change(function () {
              $("#txtbox").val($(this).val());
              });
  
                           
  &lt;/script&gt;</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>The drop down
   
  
  &lt;select name="item" id="item"&gt;
   &lt;option value="1"&gt;Orange&lt;/option&gt;
   &lt;option value="2"&gt;Apple&lt;/option&gt;
   &lt;option value="3"&gt;Grapes&lt;/option&gt;
  &lt;/select&gt;
  
  
  
  Them the html text boxes
  
  &lt;input type="text" name="name" id="txtbox" /&gt;
  &lt;input type="text" name="name" id="txtbox" /&gt;
  &lt;input type="text" name="name" id="txtbox" /&gt;
  and so on....</code></pre>
  </div>
  </div>
  </p>
  
  <p>From the codes when i select the DropDown only the first textbox is populated. I want all the textboxes to be populated with the value of the selected DropDown</p>