JSFiddle - React, Tailwind, and code Playground

by refhat

HTML

<select id="sel">
                 <optgroup label="First Category">
                     <option value="defalut">Choose</option>                    
                     <option value="http://www.google.com/intl/en_com/images/srpr/logo3w.png">First </option>
                     <option value="http://cdn.sstatic.net/stackoverflow/img/sprites.png?v=1">Second </option>
                     <option value="images/number96.gif">Third </option>
                     <option value="images/number95.gif">Fourth </option>
                     <option value="images/number94.gif">Fifth </option>
                     <option value="images/number93.gif">Sixth </option>
                     <option value="images/number92.gif">Seventh </option>
                 </optgroup>
                 <optgroup label="Second Category">
                     
                     <option value="images/number91.gif">First </option>
                     <option value="images/number90.gif">Second </option>
                     <option value="images/number98.gif">Third </option>
                     <option value="images/number88.gif">Fourth </option>
                     <option value="images/number87.gif">Fifth </option>
                     <option value="images/number86.gif">Sixth </option>
                     <option value="images/number85.gif">Seventh </option>
                 </optgroup>
                 <optgroup label="Third Category">
                     
                     <option value="images/number84.gif">First </option>
                     <option value="images/number83.gif">Second </option>
                     <option value="images/number92.gif">Third </option>
                     <option value="images/number91.gif">Fourth </option>
                     <option value="images/number90.gif">Fifth </option>
                     <option value="images/number89.gif">Sixth </option>
                     <option value="images/number88.gif">Seventh </option>
                ...

JavaScript

$(function() {
    $('#sel').change(function() {
      $('#myId').attr('src', $(this).val());
      });
})