JSFiddle - React, Tailwind, and code Playground

HTML

<form method="POST" action="http://localhost:8082/configurationtool/public/detailsattributes" accept-charset="UTF-8"><input name="_token" type="hidden" value="YlApyF07h8PmDawcwnUZaD7sBXj0qEAsDzsZ1KCb">
<script>
    var actions = {"":"Select Action Name","1":"Remove White Space","2":"extract map latitude","3":"Extract map longitude"};
    //actions = actions.reverse();
    /*for (var key in actions){
        console.log(key, actions[key]);
    }*/
    var options = "";
    for(var key in actions){
        if(key == ""){
            options = ('<option value>'+actions[""]+"</option>") + options ;
        }else{
        options = options+ ('<option value="'+key+'">'+actions[key]+"</option>");
        }
    }

    var select = '<select name="action_id">' + options + "</select>";
    var label = '<label>Action</label>';
    var span = '<span></span>';
    var li = '<li>' + label+ select + span+ '</li>';

</script>

<ul>
    <li>
        <label>Attribute Name</label>
        <select ="select="" attribute="" name"="" bathroom="bathroom" bed="" rooms="bed rooms" price="price" name="attribute_name_id"><option value="" selected="selected">Select Attribute Name</option><option value="1">bathroom</option><option value="2">bed rooms</option><option value="3">price</option></select>        <span></span>
    </li>
    <li>
        <label>Xpath</label>
        <input placeholder="Xpath" name="xpath" type="text" value="">        <span></span>
    </li>
    <li>
        <label>Default Value</label>
        <input placeholder="Default Value" name="default_value" type="text" value="">        <span></span>
    </li>
    <li>
        <label>Action</label>
        <select ="select="" action="" name"="" remove="" white="" space="Remove White Space" extract="" map="" latitude="extract map latitude" longitude="Extract map longitude" name="action_id"><option value="" selected="selected">Select Action Name</option><option value="1">Remove White Space</option><option value="2">extract map...

JavaScript

$(document).ready(function(){
    var li = '<li><label>Action</label><select name="action_id"><option value>Select Action Name</option><option value="1">Remove White Space</option><option value="2">extract map latitude</option><option value="3">Extract map longitude</option></select><span></span></li>';
    $(".addAction").on('click', function(){
        $(li).insertBefore(".lastLI");
    });
});