JSFiddle - React, Tailwind, and code Playground

by naveen

HTML

<p>
    See the dropdown below<br/>
    Using javascript / jQuery I would like you to move the option named  "Docu-Style Series" as the second option.<br/>
    Now its the 2nd last option.
    That means first option reality series, 2nd option docu-style series and then the rest of them
</p>
<select id="Genre" size="1">                  
    <option value="1">Reality Series</option>
    <option value="2">Gameshow</option>
    <option value="3">Documentary</option>
    <option value="4">Special</option>
    <option value="5">Talk Variety Show</option>
    <option value="6">Book Sub-Rights</option>
    <option value="7">Sitcom</option>
    <option value="8">Drama Series</option>
    <option value="9">Made For TV Movie</option>
    <option value="10">Mini Series</option>
    <option value="11">Childrens TV</option>
    <option value="12">Life Story Rights</option>
    <option value="13">Current Series Spec Script</option>
    <option value="14">Docu-Style Series</option>
    <option value="17">Animated Series</option>
</select>