title: How to create dropdown menu onchange on another dropdown list
body: <p>Can anyone give me demo on how to create dropdown dynamically onchange on another dropdown</p>
  
  <p>I have one dropdown menu in which one can select multiple option like this</p>
  
  <pre><code>  &lt;select id='first' multiple='multiple'&gt;
        &lt;option value='1'&gt;1&lt;/option&gt;
        &lt;option value='2'&gt;2&lt;/option&gt;
        &lt;option value='3'&gt;3&lt;/option&gt;
        &lt;option value='4'&gt;4&lt;/option&gt;
        &lt;option value='5'&gt;5&lt;/option&gt;
        &lt;option value='6'&gt;6&lt;/option&gt;
        &lt;option value='7'&gt;7&lt;/option&gt;
        &lt;option value='8'&gt;8&lt;/option&gt;
    &lt;/select&gt;
  </code></pre>
  
  <p>suppose if user selected first three option from above 1,2 and 3,
  I am interested to create one more dropdown with single selection like this in one division</p>
  
  <pre><code>&lt;div id='above_selected'&gt;
      &lt;select id='first_selected'&gt;
        &lt;option value='1'&gt;1&lt;/option&gt;
        &lt;option value='2'&gt;2&lt;/option&gt;
        &lt;option value='3'&gt;3&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>As and when there is a change on <code>id='first'</code> I would like to reflect it on another division</p>
  
  <p>Please someone help me.</p>