JS代码使地区子类直接显示在地区父类下面

Question

if (get[2]=='')
{
opthtm+='<div class="litit csel">地区：</div>';
opthtm+='<div class="littxt">';
opthtm+='<ul class="link_bk min">';
var len=QS_city_parent.length;
minlen=len>12?11:len;
for(var i=0;i<minlen;i++)
{
arr =QS_city_parent[i].split(",");
opthtm+='<li><a href="'+href+'" id="district-'+arr[0]+'" class="opt">'+arr[1]+'</a></li>';
}
if (len>12)
{
for(var i=minlen;i<len;i++)
{
arr =QS_city_parent[i].split(",");
opthtm+='<li class="hide"><a href="'+href+'" id="district-'+arr[0]+'" class="opt">'+arr[1]+'</a></li>';
}
opthtm+='<li class="more"><a href="'+href+'">更多</a></li>';
}
opthtm+='</ul>';
opthtm+='<div class="clear"></div>';
opthtm+='</div>';
opthtm+='<div class="clear"></div>';
}
else
{
var districtname='';
for(var i=0;i<QS_city_parent.length;i++)
{
arr =QS_city_parent[i].split(",");
if (arr[0]==get[2])districtname=arr[1];
}
opthtm+='<div class="litit csel">地区：</div>';
opthtm+='<div class="littxt">';
opthtm+='<ul class="link_bk">';
if (districtname)
{
sdistrictstr=QS_city[get[2]];
var b="";
if (sdistrictstr)
{
b="<span>▼</span>";
}
opthtm+='<li><span id="district-'+get[2]+'">'+districtname+'</span>'+b+'</li>';
}
else
{
alert('参数错误');
}
opthtm+='</ul>';
opthtm+='<div class="clear"></div>';
opthtm+='</div>'; 
opthtm+='<div class="clear"></div>';
sdistrictstr=QS_city[get[2]];
if (sdistrictstr)//如果有子类
{
if (get[3]=='')
{
arrsubclass=sdistrictstr.split("|");
var len=arrsubclass.length;
if (len>0)
{
opthtm+='<div class="litit csel">地区子类：</div>';
opthtm+='<div class="littxt">';
opthtm+='<ul class="link_bk">'; 
minlen=len>12?11:len;
for(var i=0;i<minlen;i++)
{
arr =arrsubclass[i].split(",");
opthtm+='<li><a href="'+href+'" id="sdistrict-'+arr[0]+'" class="opt">'+arr[1]+'</a></li>';
}
if (len>12)
{
for(var i=minlen;i<len;i++)
{
arr =arrsubclass[i].split(",");
opthtm+='<li class="hide"><a href="'+href+'" id="sdistrict-'+arr[0]+'" class="opt">'+arr[1]+'</a></li>';
}
opthtm+='<li class="more"><a href="'+href+'">更多</a></li>';
}
opthtm+='</ul>';
opthtm+='<div class="clear"></div>';
opthtm+='</div>'; 
opthtm+='<div class="clear"></div>';
}
}
else
{
arrsubclass=sdistrictstr.split("|");
for(var i=0;i<arrsubclass.length;i++)
{
arr =arrsubclass[i].split(",");
if (arr[0]==get[3])subclassname=arr[1];
}
if(subclassname)
{
opthtm+='<div class="litit csel">地区子类：</div>';
opthtm+='<div class="littxt">';
opthtm+='<ul class="link_bk">';
opthtm+='<li><span id="sdistrict-'+get[3]+'">'+subclassname+'</span></li>';
opthtm+='</ul>';
opthtm+='<div class="clear"></div>';
opthtm+='</div>'; 
opthtm+='<div class="clear"></div>';
}
}
}
}
上面的代码是点击到父类地区后再显示地区子类，请问怎么改后地区子类直接显示在地区父类下方或跟在父类后面请高手直接给完整代码谢谢了，小弟不懂JS的 

Answer 1

你把class='hidden'去掉看下，你这里是通过样式隐藏了，你要是想显示，可以把隐藏的样式去掉。

Answer 2

不是class='hidden'的问题，因为只有进入了父类地区页面才显示子类地区就是当URL里的&district=538时它就会显示值为538下的子地区，请问怎么在URL里没值的时候让他调用并显示538里的子地区

Answer 3

下面是完整代码
function allaround(templatedir,dir,jobslisturl,getkey,getarr)
{
var  href="javascript:void(0);";
if ($.browser.msie && ($.browser.version == "6.0") && !$.support.style)
{
href="#";
}
get=getarr.split(",");
var opthtm='';
opthtm+='<div class="s1">';
opthtm+='<div class="litit keysel">关键字：</div>';
opthtm+='<div class="littxt">';
opthtm+='<div class="keybox">';
opthtm+='<form id="searcform" name="searcform" method="get" action="'+jobslisturl+'">';
opthtm+='<div class="keyinputbox">';
opthtm+='<input name="key" type="text" id="key" maxlength="25" value="'+getkey+'"/>';
opthtm+='</div>';
opthtm+='<input name="category" type="hidden" value="'+get[0]+'" />';
opthtm+='<input name="subclass" type="hidden" value="'+get[1]+'" />';
opthtm+='<input name="district" type="hidden" value="'+get[2]+'" />';
opthtm+='<input name="sdistrict" type="hidden" value="'+get[3]+'" />';
opthtm+='<input name="settr" type="hidden" value="'+get[4]+'" />';
opthtm+='<input name="trade" type="hidden" value="'+get[5]+'" />';
opthtm+='<input name="wage" type="hidden" value="'+get[6]+'" />';
opthtm+='<input name="nature" type="hidden" value="'+get[7]+'" />';
opthtm+='<input name="scale" type="hidden" value="'+get[8]+'" />';
opthtm+='<input name="inforow" type="hidden" value="'+get[9]+'" />';
opthtm+='<input name="sort" type="hidden" value="" />';
opthtm+='<input name="page" type="hidden" value="1" />';
opthtm+='<div class="subinputbox"><input type="submit" name=""  id="soall" value="搜全部" /></div>';
if (get[0]+get[1]+get[2]+get[3]+get[4]+get[5]+get[6]+get[7]+get[8])
{
opthtm+='<div class="subinputbox1"><input type="button" name="" id="socat"  value="搜本类" /></div>';
}
opthtm+='</form>';
opthtm+='</div> ';
opthtm+='<div class="keymore link_orange"><a href="'+href+'" id="advopen">显示更多条件</a></div>';
opthtm+='<div class="clear"></div>';
opthtm+='</div>';
opthtm+='<div class="clear"></div>';
if (get[0]=='')
{
opthtm+='<div class="litit csel">职位：</div>';
opthtm+='<div class="littxt">';
opthtm+='<ul class="link_bk">';
var len=QS_jobs_parent.length;
minlen=len>12?11:len;
for(var i=0;i<minlen;i++)
{
arr    =QS_jobs_parent[i].split(",");
opthtm+='<li><a href="'+href+'" id="category-'+arr[0]+'"  class="opt">'+arr[1]+'</a></li>';
}
if (len>12)
{
for(var i=minlen;i<len;i++)
{
arr    =QS_jobs_parent[i].split(",");
opthtm+='<li class="hide"><a href="'+href+'" id="category-'+arr[0]+'"  class="opt">'+arr[1]+'</a></li>';
}
opthtm+='<li class="more"><a href="'+href+'">更多</a></li>';
}
opthtm+='</ul>';
opthtm+='<div class="clear"></div>';
opthtm+='</div>';
opthtm+='<div class="clear"></div>';
}
else
{
var categoryname='';
for(var i=0;i<QS_jobs_parent.length;i++)
{
arr    =QS_jobs_parent[i].split(",");
if (arr[0]==get[0])categoryname=arr[1];
}
opthtm+='<div class="litit csel">职位：</div>';
opthtm+='<div class="littxt">';
opthtm+='<ul class="link_bk">';
if (categoryname)
{
subclassstr=QS_jobs[get[0]];
var b="";
if (subclassstr)
{
b="<span>▼</span>";
}
opthtm+='<li><span  id="category-'+get[0]+'">'+categoryname+'</span>'+b+'</li>';
}
else
{
alert('参数错误');
}
opthtm+='</ul>';
opthtm+='<div class="clear"></div>';
opthtm+='</div>';
opthtm+='<div class="clear"></div>';
subclassstr=QS_jobs[get[0]];
if (subclassstr)//如果有子类
{
if (get[1]=='')
{
arrsubclass=subclassstr.split("|");
var len=arrsubclass.length;
if (len>0)
{
opthtm+='<div class="litit csel">职位子类：</div>';
opthtm+='<div class="littxt">';
opthtm+='<ul class="link_bk">';
minlen=len>12?11:len;
for(var i=0;i<minlen;i++)
{
arr    =arrsubclass[i].split(",");
opthtm+='<li><a href="'+href+'" id="subclass-'+arr[0]+'"  class="opt">'+arr[1]+'</a></li>';
}
if (len>12)
{
for(var i=minlen;i<len;i++)
{
arr    =arrsubclass[i].split(",");
opthtm+='<li class="hide"><a href="'+href+'" id="subclass-'+arr[0]+'"  class="opt">'+arr[1]+'</a></li>';
}
opthtm+='<li class="more"><a href="'+href+'">更多</a></li>';
}
opthtm+='</ul>';
opthtm+='<div class="clear"></div>';
opthtm+='</div>';
opthtm+='<div class="clear"></div>';
}
}
else
{
var subclassname='';
arrsubclass=subclassstr.split("|");
for(var i=0;i<arrsubclass.length;i++)
{
arr    =arrsubclass[i].split(",");
if (arr[0]==get[1])subclassname=arr[1];
}
if(subclassname)
{
opthtm+='<div class="litit csel">职位子类：</div>';
opthtm+='<div class="littxt">';
opthtm+='<ul class="link_bk">';
opthtm+='<li><span  id="subclass-'+get[1]+'">'+subclassname+'</span></li>';
opthtm+='</ul>';
opthtm+='<div class="clear"></div>';
opthtm+='</div>';
opthtm+='<div class="clear"></div>';
}
}
}
}
if (get[2]=='')
{
opthtm+='<div class="litit csel">地区：</div>';
opthtm+='<div class="littxt">';
opthtm+='<ul class="link_bk min">';
var len=QS_city_parent.length;
minlen=len>12?11:len;
for(var i=0;i<minlen;i++)
{
arr    =QS_city_parent[i].split(",");
opthtm+='<li><a href="'+href+'" id="district-'+arr[0]+'"  class="opt">'+arr[1]+'</a></li>';
}
if (len>12)
{
for(var i=minlen;i<len;i++)
{
arr    =QS_city_parent[i].split(",");
opthtm+='<li class="hide"><a href="'+href+'" id="district-'+arr[0]+'"  class="opt">'+arr[1]+'</a></li>';
}
opthtm+='<li class="more"><a href="'+href+'">更多</a></li>';
}
opthtm+='</ul>';
opthtm+='<div class="clear"></div>';
opthtm+='</div>';
opthtm+='<div class="clear"></div>';
}
else
{
var districtname='';
for(var i=0;i<QS_city_parent.length;i++)
{
arr    =QS_city_parent[i].split(",");
if (arr[0]==get[2])districtname=arr[1];
}
opthtm+='<div class="litit csel">地区：</div>';
opthtm+='<div class="littxt">';
opthtm+='<ul class="link_bk">';
if (districtname)
{
sdistrictstr=QS_city[get[2]];
var b="";
if (sdistrictstr)
{
b="<span>▼</span>";
}
opthtm+='<li><span  id="district-'+get[2]+'">'+districtname+'</span>'+b+'</li>';
}
else
{
alert('参数错误');
}
opthtm+='</ul>';
opthtm+='<div class="clear"></div>';
opthtm+='</div>';
opthtm+='<div class="clear"></div>';
sdistrictstr=QS_city[get[2]];
if (sdistrictstr)//如果有子类
{
if (get[3]=='')
{
arrsubclass=sdistrictstr.split("|");
var len=arrsubclass.length;
if (len>0)
{
opthtm+='<div class="litit csel">地区子类：</div>';
opthtm+='<div class="littxt">';
opthtm+='<ul class="link_bk">';
minlen=len>12?11:len;
for(var i=0;i<minlen;i++)
{
arr    =arrsubclass[i].split(",");
opthtm+='<li><a href="'+href+'" id="sdistrict-'+arr[0]+'"  class="opt">'+arr[1]+'</a></li>';
}
if (len>12)
{
for(var i=minlen;i<len;i++)
{
arr    =arrsubclass[i].split(",");
opthtm+='<li class="hide"><a href="'+href+'" id="sdistrict-'+arr[0]+'"  class="opt">'+arr[1]+'</a></li>';
}
opthtm+='<li class="more"><a href="'+href+'">更多</a></li>';
}
opthtm+='</ul>';
opthtm+='<div class="clear"></div>';
opthtm+='</div>';
opthtm+='<div class="clear"></div>';
}
}
else
{
arrsubclass=sdistrictstr.split("|");
for(var i=0;i<arrsubclass.length;i++)
{
arr    =arrsubclass[i].split(",");
if (arr[0]==get[3])subclassname=arr[1];
}
if(subclassname)
{
opthtm+='<div class="litit csel">地区子类：</div>';
opthtm+='<div class="littxt">';
opthtm+='<ul class="link_bk">';
opthtm+='<li><span  id="sdistrict-'+get[3]+'">'+subclassname+'</span></li>';
opthtm+='</ul>';
opthtm+='<div class="clear"></div>';
opthtm+='</div>';
opthtm+='<div class="clear"></div>';
}
}
}
}

Answer 4

字数限制分两个发！ opthtm+='<div class="litit csel">更新：</div>';
opthtm+='<div class="littxt min">';
opthtm+='<ul class="link_bk min">';
if (get[4]=='')
{
opthtm+='<li><a href="'+href+'" id="settr-3"  class="opt">3天内</a></li>';
opthtm+='<li><a href="'+href+'" id="settr-7"  class="opt">7天内</a></li>';
opthtm+='<li><a href="'+href+'" id="settr-15" class="opt">15天内</a></li>';
opthtm+='<li><a href="'+href+'" id="settr-30" class="opt">30天内</a></li>';
}
else
{
opthtm+='<li><span  id="settr-'+get[4]+'">'+get[4]+'天内</span></li>';
}
opthtm+='</ul>';
opthtm+='<div class="clear"></div>';
opthtm+='</div>';
opthtm+='<div class="clear"></div>';   
opthtm+='<div class="advbox" id="advbox">';
opthtm+='<div class="litit csel">行业：</div>';
opthtm+='<div class="littxt">';
opthtm+='<ul class="link_bk">';
if (get[5]=='')
{
var len=QS_trade.length;
minlen=len>12?11:len;
for(var i=0;i<minlen;i++)
{
arr    =QS_trade[i].split(",");
opthtm+='<li><a href="'+href+'" id="trade-'+arr[0]+'"  class="opt">'+arr[1]+'</a></li>';
}
if (len>12)
{
for(var i=minlen;i<len;i++)
{
arr    =QS_trade[i].split(",");
opthtm+='<li class="hide"><a href="'+href+'" id="trade-'+arr[0]+'"  class="opt">'+arr[1]+'</a></li>';
}
opthtm+='<li class="more"><a href="'+href+'">更多</a></li>';
}
}
else
{
var tradename='';
for(var i=0;i<QS_trade.length;i++)
{
arr    =QS_trade[i].split(",");
if (arr[0]==get[5]) tradename=arr[1];
}
if (tradename)
{
opthtm+='<li><span  id="trade-'+get[5]+'">'+tradename+'</span></li>';
}
else
{
alert('参数错误');
}
}
opthtm+='</ul>';
opthtm+='<div class="clear"></div>';
opthtm+='</div>';
opthtm+='<div class="clear"></div>';
opthtm+='<div class="litit csel">工资：</div>';
opthtm+='<div class="littxt min">';
opthtm+='<ul class="link_bk min">';
if (get[6]=='')
{
for(var i=0;i<QS_wage.length;i++)
{
arr    =QS_wage[i].split(",");
opthtm+='<li><a href="'+href+'" id="wage-'+arr[0]+'"  class="opt">'+arr[1]+'</a></li>';
}
}
else
{
var wagename='';
for(var i=0;i<QS_wage.length;i++)
{
arr    =QS_wage[i].split(",");
if (arr[0]==get[6]) wagename=arr[1];
}
if (wagename)
{
opthtm+='<li><span  id="wage-'+get[6]+'">'+wagename+'</span></li>';
}
else
{
alert('参数错误');
}
}
opthtm+='</ul>';
opthtm+='<div class="clear"></div>';
opthtm+='</div>';
opthtm+='<div class="clear"></div>';
opthtm+='<div class="litit csel">性质：</div>';
opthtm+='<div class="littxt min">';
opthtm+='<ul class="link_bk min">';
if (get[7]=='')
{
for(var i=0;i<QS_jobsnature.length;i++)
{
arr    =QS_jobsnature[i].split(",");
opthtm+='<li><a href="'+href+'" id="nature-'+arr[0]+'"  class="opt">'+arr[1]+'</a></li>';
}
}
else
{
var jobsnaturename='';
for(var i=0;i<QS_jobsnature.length;i++)
{
arr    =QS_jobsnature[i].split(",");
if (arr[0]==get[7]) jobsnaturename=arr[1];
}
if (jobsnaturename)
{
opthtm+='<li><span  id="nature-'+get[7]+'">'+jobsnaturename+'</span></li>';
}
else
{
alert('参数错误');
}
}
opthtm+='</ul>';
opthtm+='<div class="clear"></div>';
opthtm+='</div>';
opthtm+='<div class="clear"></div>';
opthtm+='<div class="litit csel">公司规模：</div>';
opthtm+='<div class="littxt min">';
opthtm+='<ul class="link_bk min">';
if (get[8]=='')
{
for(var i=0;i<QS_scale.length;i++)
{
arr    =QS_scale[i].split(",");
opthtm+='<li><a href="'+href+'" id="scale-'+arr[0]+'"  class="opt">'+arr[1]+'</a></li>';
}
}
else
{
var scalename='';
for(var i=0;i<QS_scale.length;i++)
{
arr    =QS_scale[i].split(",");
if (arr[0]==get[8]) scalename=arr[1];
}
if (scalename)
{
opthtm+='<li><span  id="scale-'+get[8]+'">'+scalename+'</span></li>';
}
else
{
alert('参数错误');
}
}
opthtm+='</ul>';
opthtm+='<div class="clear"></div>';
opthtm+='</div>';
opthtm+='<div class="clear"></div>';
opthtm+='</div>';
opthtm+='<div class="bottomheight"></div>';
opthtm+='<div class="myselbox" id="myselbox"><div class="left">已选条件：</div><div class="optcentet"></div><div class="right"><div class="clearoptall"><a  href="'+href+'" class="clearall">清除所有</a></div></div><div class="clear"></div>';
opthtm+='</div>';
$("#jobsearchbox").html(opthtm);
//打开更多选项
$(".more a").click(function ()
{
if ($(this).parent().prev().css('display')=='none')
{
$(this).parent().prevAll('.hide').css("display",'block');
$(this).html('收起').blur();
}
else
{
$(this).parent().prevAll('.hide').css("display",'none');
$(this).html('更多').blur();
}

});
//显示已选
getkey=getkey=='请输入职位名称、公司名称、技能特长、学校等关键字...'?'':getkey;
var selopt=getkey+get[0]+get[1]+get[2]+get[3]+get[4]+get[5]+get[6]+get[7]+get[8];
if (selopt!='')
{
selbox=$("#myselbox .optcentet");
if (getkey) {
selbox.append('<a href="'+href+'" class="clearopt" id="key-'+getkey+'" title="点击取消"><u>关键字:</u>'+getkey+'</a>');
}
if (get[0]) {
var optval=$('#category-'+get[0]).html();
selbox.append('<a href="'+href+'" class="clearopt" id="category-'+get[0]+'" title="点击取消"><u>职位:</u>'+optval+'</a>');
}
if (get[1]) {
var optval=$('#subclass-'+get[1]).html();
selbox.append('<a href="'+href+'" class="clearopt" id="subclass-'+get[1]+'" title="点击取消"><u>职位子类:</u>'+optval+'</a>');
}
if (get[2]) {
var optval=$('#district-'+get[2]).html();
selbox.append('<a href="'+href+'" class="clearopt" id="district-'+get[2]+'" title="点击取消"><u>地区:</u>'+optval+'</a>');
}
if (get[3]) {
var optval=$('#sdistrict-'+get[3]).html();
selbox.append('<a href="'+href+'" class="clearopt" id="sdistrict-'+get[3]+'" title="点击取消"><u>地区子类:</u>'+optval+'</a>');
}
if (get[4]) {
var optval=$('#settr-'+get[4]).html();
selbox.append('<a href="'+href+'" class="clearopt" id="settr-'+get[4]+'" title="点击取消"><u>更新:</u>'+optval+'</a>');
}
if (get[5]) {
var optval=$('#trade-'+get[5]).html();
selbox.append('<a href="'+href+'" class="clearopt" id="trade-'+get[5]+'" title="点击取消"><u>行业:</u>'+optval+'</a>');
}
if (get[6]) {
var optval=$('#wage-'+get[6]).html();
selbox.append('<a href="'+href+'" class="clearopt" id="wage-'+get[6]+'" title="点击取消"><u>工资:</u>'+optval+'</a>');
}
if (get[7]) {
var optval=$('#nature-'+get[7]).html();
selbox.append('<a href="'+href+'" class="clearopt" id="nature-'+get[7]+'" title="点击取消"><u>职位性质:</u>'+optval+'</a>');
}
if (get[8]) {
var optval=$('#scale-'+get[8]).html();
selbox.append('<a href="'+href+'" class="clearopt" id="scale-'+get[8]+'" title="点击取消"><u>公司规模:</u>'+optval+'</a>');
}
selbox.append('<div class="clear"></div>');
$("#jobsearchbox").css('padding-bottom',0);
$("#myselbox").show();
//删除单个
$(".clearopt").click(function () {
var opt=$(this).attr('id');
opt=opt.split("-");
$("#searcform input[name="+opt[0]+"]").val('');
if (opt[0]=="category") $("#searcform input[name='subclass']").val('');//取消大类，同时取消子类
if (opt[0]=="district") $("#searcform input[name='sdistrict']").val('');//取消大类，同时取消子类
flag=false;
$("form[name=searcform]").submit();
});
//删除所有
$(".clearall").click(function () {
$("#searcform input[type='hidden']").val('');
$("#searcform input[name='key']").val('');
$("form[name=searcform]").submit();
});
}
//是否显示更多条件
if (get[5]+get[6]+get[7]+get[8])
{
$("#advbox").show();
}
//更多条件
if($("#advbox").css('display')=='none')
{
$(".keymore").css('background-position','40px -64px');
$(".keymore a").html("显示更多条件");
}
else
{
$(".keymore").css('background-position','40px -98px');
$(".keymore a").html("隐藏更多条件");
}
//打开更多条件
$("#advopen").click(function () {
if($("#advbox").css('display')=='none')
{
$(".keymore").css('background-position','40px -98px');
$(".keymore a").html("隐藏更多条件");
}
else
{
$(".keymore").css('background-position','40px -64px');
$(".keymore a").html("显示更多条件");
}
$("#advbox").slideToggle(80);
});
//
var flag=true;
//从项目选择
$(".opt").click(function (){
var opt=$(this).attr('id');
    opt=opt.split("-");
$("#searcform input[name="+opt[0]+"]").val(opt[1]);
flag=false;
$("form[name=searcform]").submit();
});
//搜本类
$("#socat").click(function () {
//搜本类
  flag=false;
$("form[name=searcform]").submit();
});
$("form[name=searcform]").submit( function () {
if (flag)//搜索全部，清除选择
{
$("#searcform input[type='hidden']").val('');
}
if ($("#key").val()=="请输入职位名称、公司名称、技能特长、学校等关键字...")
{
$("#key").val('');
}
});

$("#key").focus(function(){
if ($("#key").val()=="请输入职位名称、公司名称、技能特长、学校等关键字...")
{
$("#key").css('color','').val('');
}  
});
//加载完成后执行关键字提示
$(document).ready(function()
{
$.getScript(templatedir+"js/jquery.autocomplete.js", function(){
 var a = $('#key').autocomplete({ 
serviceUrl:dir+'plus/ajax_common.php?act=hotword',
minChars:1, 
maxHeight:300,
width:341,
zIndex: 9999,
deferRequestBy: 0 
 });
});
});
}