我写了一些在某个页面加载时运行的jquery,它很好。问题是它在我提交表单时也会运行,并且会使提交内容混乱。
有没有办法解决这个问题?
我的表单:http://goinspire.com/jwrp-hotel-registration/
和jquery文件:http://goinspire.com/wp-content/themes/goinspire/js/customjqueryfunctions.js
谢谢!
以下是我认为相关的代码部分:
// CUSTOM JAVASCRIPT FUNCTIONS
jQuery(document).ready(function () {
tripFilter = function () {
var tripClass = '.hotel-trip select',
hotelClass = '.hotel-name select',
unusedClass = '.unused-options select';
var tripSelect = jQuery(tripClass),
trip = tripSelect.val(),
hotelSelect = tripSelect.parents('form').find(hotelClass);
if (trip !== undefined && trip !== "") {
if (trip === "none"){
jQuery(hotelClass+" > option").each(function() {
jQuery(this).clone().appendTo(unusedClass);
jQuery(this).remove();
});
} else {
tripnum = trip.match(/JWRP (\d*)/)[1];
jQuery(unusedClass+" > option").each(function() {
jQuery(this).clone().appendTo(hotelClass);
jQuery(this).remove();
});
jQuery(hotelClass+" > option").each(function() {
hotelMatch = jQuery(this).val().match(/(\d*) /);
if(jQuery(this).val() != "Other|"){
if (hotelMatch === null || hotelMatch[1] != tripnum){
jQuery(this).clone().appendTo(unusedClass);
jQuery(this).remove();
};
}else{
jQuery(this).appendTo(hotelClass);
};
});
jQuery(hotelClass + 'option[value="Other|"]').insertAfter(hotelClass + 'option:last-child');
jQuery(hotelClass).val(jQuery(hotelClass + "option:first").val());
}
}
}
jQuery('.hotel-trip select').change(function(){
tripFilter();
});
tripFilter();
});