JSFiddle - React, Tailwind, and code Playground

by Amar Nyayapati

HTML

<select id="cat"></select>
<script>
    obj=[{"categories_id":"188","categories_name":"Aussie Cufflinks","success":"1","message":"Category list fetch successfully."},{"categories_id":"186","categories_name":"Bakahashi Cufflinks"},{"categories_id":"31","categories_name":"Customised Cufflinks"},{"categories_id":"190","categories_name":"Flag Cufflinks"},{"categories_id":"32","categories_name":"Gustavus Cufflinks"},{"categories_id":"185","categories_name":"HIM Cufflink Storage Box (NEW)"},{"categories_id":"26","categories_name":"Initial Cufflinks"},{"categories_id":"21","categories_name":"James Rogue Cufflinks"},{"categories_id":"33","categories_name":"Julius Cavier Cufflinks"},{"categories_id":"187","categories_name":"Mattiano Cufflinks"},{"categories_id":"23","categories_name":"Novelty Cufflinks"},{"categories_id":"30","categories_name":"Piacintini Cufflinks"},{"categories_id":"191","categories_name":"Ricardo Cufflinks"},{"categories_id":"113","categories_name":"Senna Ronaldo Cufflinks"},{"categories_id":"189","categories_name":"Stainless Steel Cufflinks"},{"categories_id":"29","categories_name":"Wedding Cufflinks"},{"categories_id":"111","categories_name":"Zanetti Cufflinks"}];
    var str=""

    for(i=0;i<obj.length;i++){
        str+="<option value='"+ obj[i].categories_id +"'>" + obj[i].categories_name + "</option>";
    }
    document.getElementById("cat").innerHTML=str
    
</script>