JSFiddle - React, Tailwind, and code Playground

by painotpi

HTML

<select id="choose">
    <option selected='selected'>1</option>
    <option>2</option>
</select>
<div id="disp"></div>

JavaScript

$(document).ready(function(){
        var test = function(val){
            if(val !== '') {
                alert("success");
                $.ajax({
                   type: 'get',
                   url: 'display.php',
                   data: { 'value' : $(this).val() } ,
                   success: function(data) {
                        $("#disp").html(data);
                   }
               });
            }
        }
    
        test($("#choose option:selected").val());
    
        $('#choose').change(function(){
            alert($(this).children('option:selected').val());
            test($(this).children('option:selected').val());
        }); 
    });