JSFiddle - React, Tailwind, and code Playground

by swaroop206

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<select class="fstselect"><option>element</option><option class="nextlevel">Next Level</option></select>


<div class="append">
<span class="addbtn">Add</span>

</div>

CSS

.append{margin-top:30px;}

JavaScript

$( document).ready(function() {
$('.addbtn').hide();
$('.fstselect').change(function(){
$(this).find("option:selected").each(function(){
 if($(this).attr("class")=="nextlevel"){
  $('.addbtn').show();
 function appendone(){
 $('.append').append('<select class="scdselect"><option>element</option><option class="">Next Level</option></select>');

 }
 appendone();
 }
 else{

  $('.append select').remove();
 }
 $('.addbtn').click(function(){
 appendone();
 });
 
});
});
 });