JSFiddle - React, Tailwind, and code Playground

by Sumesh KP

HTML

<select id="first">
   
</select>
<br/>
<select id="second">
</select>

JavaScript

var items=["item1","item2","item3","item4"];
var myArray = [ "hello", "world", "!" ];
var select=[];
 

for ( var i = 0; i < myArray.length; i = i + 1 ) { 
    $('#first').append( "<option>"+myArray[ i ]+"</option>" );    
}

$('#first').change(function(){
    $('#second').empty();
    var selecteditems=$('#first option:selected').text();
    select.push(selecteditems);
  console.log(select);
    //if($.inArray(select[0], myArray)==false){console.log("sdsd");}
    for(var j = 0; j < select.length; j = j + 1 ){
    for ( var i = 0; i < myArray.length; i = i + 1 ) { 
        if($.inArray(select[j], myArray)==false){       
            $('#second').append( "<option>"+myArray[ i ]+"</option>" ); }
    }}
    
});