JSFiddle - React, Tailwind, and code Playground

by saravanan

HTML

<!-- DEMO ON USING THE before in Select HTML Tag in jQuery -->

<select id="tblSources" name="tblSources">
                    <option value="-1">-- Choose A Table Source -- </option>
                    <option value="new">-- Add A New Table Source -- </option>
                <option value="2a4b46ff-bd9f-4066-ba09-d3ba54e1fa5f">ts1</option><option value="bd0deff8-0fca-4a89-975d-d5b61a721f08">ts2</option><option value="b6dcccf3-2049-4b47-b571-e6432d85c06d">ts3</option></select>

<input type='button' id='b1' value='prepend' />

JavaScript

$("document").ready(function(){
    $("#b1").click(function(){
        $("#tblSources option[value='b6dcccf3-2049-4b47-b571-e6432d85c06d']").before("<option value='11'>11</option>");
    });
});