JSFiddle - React, Tailwind, and code Playground

by JH Yap

HTML

<div>
<h1>Choose:</h1>
    <select name="myDropDownA" id="myDropDownA">
        <option>myOption</option> 
    </select>
    <select name="myDropDownB" id="myDropDownB">
        <option>myOption</option>  
    </select>
    <INPUT type="button" value="Mybutton" onclick="Mybutton" />
    </div>

JavaScript

var response = [{
      "A":"a2",
      "B":"b2",
      "C":"c2"
     },
     {
      "A":"a3",
      "B":"b3",
      "C":"c3"
    },
    {
      "A":"a4",
      "B":"b4",
      "C":"c4"
    }];



var myDropDownA = $("#myDropDownA");
$.each(response, function(index,obj)
{
     //alert(index + ": " + obj.A);
    myDropDownA.append($("<option />").val(obj.A).text(obj.A));
});

var myDropDownB = $("#myDropDownB");
$.each(response, function(index,obj)
{
     //alert(index + ": " + obj.B);
    myDropDownB.append($("<option />").val(obj.B).text(obj.B));
});