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 boxAnd, you have registered a change event on select box which will occur only on selecting the options in select boxAdd few options in select box and try to select options which will fire the ajax callSee JS FIDDLE HERESolution 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