JSFiddle - React, Tailwind, and code Playground

HTML

<select id="scanner" name="scanner" class="form-control">
    <option>Option1</option>
    <option>Option2 </option>
</select>

<span id="log"></span>

JavaScript

$("#scanner").bind('focus',function () {
        Myfunction('onblur');
    }).change(function() {
          Myfunction('on chge')                         
  });



function Myfunction(str)
{    $("#log").text(str)
    var mod_url = "http://google.com"; 

    $.ajax({
      url : mod_url,
      cache: false,
      dataType: "json",
      type: "GET",
      async: false,
      data: {
        'request_type':'ajax', 
        'op':'get_all_stores'
      },
      success: function(result, success) { alert(result);
        $('#scanner').html(result);
      },
      error: function() {
        alert("Error is occured");
      }
    });
}