I want to call the ajax function once user clicks on the select control or the select control gets focus to itself from keyboard. HTML code is as follows :
Solution 1:
In your code i haven't seen any options for html select box
And, you have registered a change event on select box which will occur only on selecting the options in select box
Add few options in select box and try to select options which will fire the ajax call
See JS FIDDLE HERE
Solution 2:
I think you should do this instead:
$("#scanner").bind("focus", function() {
alert("Hello");
var mod_url = $('#mod_url').val();
$.ajax({
url : mod_url,
cache: false,
dataType: "html",
type: "GET",
data: {
'request_type':'ajax',
'op':'get_all_stores'
},
success: function(result, success) {
alert(result);
$('#scanner').html(result);
},
error: function() {
alert("Error is occured");
}
});
});
Copy