title: jquery: clone after dropdown selected item
body: <p>I have a dropdown where the options are generated from the clone () function, for example:</p>
  
  <pre><code>    &lt;select id="drop1"&gt;
          &lt;option value="0"&gt;Select...&lt;/option&gt;
          &lt;option value="Apples"&gt;Apples&lt;/option&gt;
          &lt;option value="Bananas"&gt;Bananas&lt;/option&gt;
          &lt;option value="Orange"&gt;Orange&lt;/option&gt;
          &lt;option value="Cats"&gt;Cats&lt;/option&gt;
          &lt;option value="Dogs"&gt;Dogs&lt;/option&gt;
          &lt;option value="Candy"&gt;Candy&lt;/option&gt;
      &lt;/select&gt;
  
      &lt;select id="drop2"&gt;               
      &lt;/select&gt;
  
          ...
  &lt;script&gt;  
      $('#drop1').children().clone().appendTo('#drop2');
  &lt;/script&gt;
  </code></pre>
  
  <p>But what I want to know is how to clone items after dropdown selected item. Obviously in the event onchange() , for example, viewing the first dropdown:</p>
  
  <pre><code>   &lt;select id="drop1"&gt;
          &lt;option value="0"&gt;Select...&lt;/option&gt;
          &lt;option value="Apples"&gt;Apples&lt;/option&gt;
          &lt;option value="Bananas"&gt;Bananas&lt;/option&gt;
          &lt;option value="Orange"&gt;Orange&lt;/option&gt;
          &lt;option value="Cats" selected&gt;Cats&lt;/option&gt; --&gt; select item
          &lt;option value="Dogs"&gt;Dogs&lt;/option&gt;
          &lt;option value="Candy"&gt;Candy&lt;/option&gt;
      &lt;/select&gt;
  </code></pre>
  
  <p>Clone result:</p>
  
  <pre><code>&lt;select id="drop2"&gt;
      &lt;option value="Dogs"&gt;Dogs&lt;/option&gt;
      &lt;option value="Candy"&gt;Candy&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>My intention is to generate 2 fields of range (static data). I hope I can help.</p>