I'm facing an issue where my script is functioning perfectly on Firefox but not working on Chrome.
The script code I am using is as follows, where "r_tour" is the id of the select element and "option" is one of the options:
$("#r_tour option").click(function(){
var value = $(this).val();
$.post(
'url',
{"id": value}, function(data){
$(div).html(data);}, "html" );
})
You can find the link here. If you visit this link, you will notice that the default value is loaded from Ajax on document load. However, the Ajax requested event event will not load.
I suspect that the issue might be related to the event, but I'm still uncertain about the exact cause.
UPDATE::
This particular piece of code is also failing to work on my local server.
$(function (){
$("#r_tour option").click(function(){
var value = $(this).val();
alert(value);
})
});