JSFiddle - React, Tailwind, and code Playground

by Akram kamal

HTML

<input type="hidden" id="hidden" data-city='London' data-cities='["Boston", "London", "Tokyo"]'>

JavaScript

$(function(){

    var city = $('#hidden').data('city');
    var cities = $('#hidden').data('cities');
    
    if($.inArray(city, cities) != -1){
        var opts = '';
        $.each(cities, function(i){
            var selected = '';
            if(cities[i] == city){
                selected  = 'selected';
            }
            opts = opts + "<option value='"+cities[i]+"' "+selected+">"+cities[i]+"</options>";
        });
        var select = "<select>"+opts+"</select>";
        $(select).insertAfter('#hidden');
    }
});