JSFiddle - React, Tailwind, and code Playground

by georgesarkisss

HTML

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

<form id="Dropdown-1" class="classes" action="" onsubmit="return false">
<select id="1-1" name= "dropy" onchange="if (this.selectedIndex) fillSelect(this.value,this.form['2-1']);">
<option selected>Select</option>
</select> &nbsp;

<select  id="2-1" name= "dropy" onchange="fillSelect(this.value,this.form['3-1'])" class="DDlist">
<option selected>Select</option>
</select> &nbsp;

<select  id="3-1" name= "dropy" onchange="fillSelect(this.value,this.form['4-1'])" class="DDlist">
<option selected >Select</option>
</select> &nbsp;

<select  id="4-1" name= "dropy" onchange="fillSelect(this.value,this.form['5-1'])" class="DDlist"> 
<option selected >Select</option>
</select> &nbsp;

<select  id="5-1" name= "dropy" onchange="fillSelect(this.value,this.form['6-1'])" class="DDlist">
<option selected >Select</option>
</select> &nbsp;

<select  id="6-1" name= "dropy" onchange="fillSelect(this.value,this.form['7-1'])" class="DDlist">
<option selected >Select</option>
</select> &nbsp;

<select  id="7-1"  name= "dropy" class="DDlist">
<option selected >Select</option>
</select> &nbsp;
</form>

<input type="button" id="add" value="add" />



 <SCRIPT language="javascript">
 var DigitalSelectionlist= ['D0','D1','D2',"D3","D4"]; 
var categories = [];
var Setpoint= [];
var Setpointstart= -20;
var Setpointend= 150;
var Setpointinc = 5;
var setpointlength = parseInt(Math.abs((Setpointstart-Setpointend)/Setpointinc)); 
for (var i = 0; i <= setpointlength; i++) {
    Setpoint[i] = (Setpointinc*i) + Setpointstart ;
    categories[Setpoint[i]]= ["1","2","3","4","5"];
    
}

var Analogstart= 0;
var Analogend= 16;
var Analoginc = 1;
var Analoglength = parseInt(Math.abs((Analogstart-Analogend)/Analoginc)); 
var AnalogSelectionlist= [];
var InputSelectionlist= [];
var InputSelectionlist2= [];
for (var i = 0; i <= Analoglength; i++) {
    AnalogSelectionlist[i] = "A" + ((Analoginc*i)+ Analogstart)...

CSS

.DDlist { display:none; }