Javascript 基于ajax的多个下拉列表显示分页结果
有3个下拉列表 选择选择类别、选择选择行业、选择选择公司 类别变更Javascript 基于ajax的多个下拉列表显示分页结果,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,有3个下拉列表 选择选择类别、选择选择行业、选择选择公司 类别变更 $("select#opt-category").change(function () { category = $(this).val(); if(sector!='')sector=''; if(company!='')company=''; $("#opt-sector").load('menus.php?category='+category); $("#opt-company")
$("select#opt-category").change(function () {
category = $(this).val();
if(sector!='')sector='';
if(company!='')company='';
$("#opt-sector").load('menus.php?category='+category);
$("#opt-company").load('menucmp.php?category='+category);
});
将根据类别和结果加载部门和公司,如下所示
$(".showgrid").load('portal.php?category='+category+'§or='+sector+'&company='+company);
结果基于分页(也称为ajax)
function loading_show(){
$('#loading').html("<img src='assets/img/ajax-loader.gif'/>").fadeIn('slow');
}
function loading_hide(){
$('#loading').fadeOut('slow');
}
function loadData(page,category){
loading_show();
$.ajax
({
type: "POST",
url: "pagination_data.php",
data: {'page':page,'category':category},
success: function(msg)
{
$("#container").ajaxComplete(function(event, request, settings)
{
loading_hide();
$("#container").html(msg);
});
}
});
}
loadData(1,<?php echo $catgory?> ) // For first time page load default results
$('#container .pagination li.active').live('click',function(){
var page = $(this).attr('p');
var category= $(this).attr('q');
loadData(page,category);
});
$('#go_btn').live('click',function(){
var page = parseInt($('.goto').val());
var category = parseInt($('.total').attr('b'));
var no_of_pages = parseInt($('.total').attr('a'));
if(page != 0 && page <= no_of_pages){
loadData(page,category);
}else{
alert('Enter a PAGE between 1 and '+no_of_pages);
//$('.goto').val("").focus();
return false;
}
});
当类别下拉列表更改时,它会在其他下拉列表中加载新值,但无法将结果加载到.showgrid中
是否有其他方法来完成此任务服务器对portal.php请求FireBug或类似请求的响应是什么,或者在新选项卡中尝试完整的URL,然后发生什么是重要的?此请求的GET参数是否已正确填写,即在何处、何时以及如何填写变量?我们可以看看你在where is.showgrid上应用这个JS的HTML结构吗?请求的顺序是否真的与您在发布单独代码时解释的顺序相同,尽管它们必须是同一脚本的一部分?实际上,长话短说: