問題描述:
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>