问题描述:
PHPCMS联动菜单。
当需要改变域是联动菜单不会加载隐藏的域的值。
如图,红框里为一个form表单,当改变域时即选择线路查询,联动菜单没有数据;所以只能将联动菜单独立出来一个form,如下图
此时涉及到一个提交按钮需同事提交俩个表单的问题,经过实践,现提出一个简易解决方法:
在 form2里添加一个隐藏域,然后通过 js 将 form1 里的数据添加到隐藏域;具体代码:
html代码:
<div class="ibCity " id="busC">
<form action="" id="" method="get" name="city">
<!-- <input type="hidden" name="m" value="search"/>
<input type="hidden" name="c" value="check"/>
<input type="hidden" name="a" value="index"/> -->
<input type="hidden" name="subcity" value="subcity"/>
{menu_linkage(3360,'L_3360')}
</form>
</div>
<div class="ib1 ib" id="p1" style="display:block">
<form οnsubmit="return check_bus_p2p(this)" action="" id="ib1_bus_act" method="get" name="change">
<input type="hidden" name="m" value="search"/>
<input type="hidden" name="c" value="check"/>
<input type="hidden" name="a" value="index"/>
<input type="hidden" name="city" id="city" value=""/>
<input type="hidden" name="name" value="change"/>
<input type="text" name="sub0" οnkeyup="suggest.display(this,event);" autocomplete="off" class="ibInpur bus1" οnblur="if(this.value=='')this.value=' 起点站';this.style.color='#ccc'" οnfοcus="if(this.value==' 起点站'){this.value='';};$('city_lx').style.display='block';this.style.color='#333';" value=" 起点站" style="color: rgb(153, 153, 153);">
<span class="ibText">到</span>
<input type="text" name="sub1" οnkeyup="suggest.display(this,event);" autocomplete="off" class="ibInpur2 bus2" οnblur="if(this.value=='')this.value=' 终点站';this.style.color='#ccc'" οnfοcus="if(this.value==' 终点站'){this.value='';};$('city_lx').style.display='block';this.style.color='#333';" value=" 终点站" style="color: rgb(153, 153, 153);">
<input type="submit" class="ibbtn" id = "ibbtn1" value="" οnclick="citysubmit();" >
</form>
</div>
JS代码:
<script src="{JS_PATH}jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#change").click(function(){
$("#p1").show();
$("#p2").hide();
$("#p3").hide();
});
$("#route").click(function(){
$("#p2").show();
$("#p1").hide();
$("#p3").hide();
});
$("#site").click(function(){
$("#p3").show();
$("#p1").hide();
$("#p2").hide();
});
$("#ibbtn1,#ibbtn2,#ibbtn3").click(function(){
//alert("Value: " + $("#L_3360").val());
$("#city").val($("#L_3360").val());
});
</script>