JSFiddle - React, Tailwind, and code Playground

by rathoreahsan

HTML

<script>
function showState()
{
    $('body').css('cursor','wait');
    var value = document.getElementById('country').value;
    var url = 'http://fiddle.jshell.net/rathoreahsan/WcKQ2/4/show/';
   
    $.ajax({
        type: "GET",
        url: url,
        data:{'country':value},
        success:function(results)
        {              
                                    
            $('#div_state').html(results);
            if (value == "1") {
                $('#PK').css('display','block')                
            } else if (value == "2") {
                $('#SA').css('display','block')                        
            }
    
            $('body').css('cursor','default');            
    
        }
    });
}
</script>

<select name="country" id="country" onChange="showState();" >   
    <option value="">Select Country</option>
    <option value="1">Pakistan</option>
    <option value="2">Saudi Arabia</option>
</select>


<div id="div_state"></div>

CSS

#PK, #SA { display: none; }