PHPCMS二次开发笔记1--同时提交两个表单
2014-11-04 15:20
519 查看
问题描述:
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 onsubmit="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" onkeyup="suggest.display(this,event);" autocomplete="off" class="ibInpur bus1" onblur="if(this.value=='')this.value=' 起点站';this.style.color='#ccc'" onfocus="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" onkeyup="suggest.display(this,event);" autocomplete="off" class="ibInpur2 bus2" onblur="if(this.value=='')this.value=' 终点站';this.style.color='#ccc'" onfocus="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="" onclick="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>
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 onsubmit="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" onkeyup="suggest.display(this,event);" autocomplete="off" class="ibInpur bus1" onblur="if(this.value=='')this.value=' 起点站';this.style.color='#ccc'" onfocus="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" onkeyup="suggest.display(this,event);" autocomplete="off" class="ibInpur2 bus2" onblur="if(this.value=='')this.value=' 终点站';this.style.color='#ccc'" onfocus="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="" onclick="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>
相关文章推荐
- 如何让一个表单同时提交到两个不同的页面
- phpcms 二次开发笔记
- Strusts2笔记9--防止表单重复提交和注解开发
- 用js将form表单同时提交到两个不同页面的方法
- jquery实现同时提交两个form表单
- form表单提交时,同一个名字的input类型的两个同时提交会覆盖吗
- jQuery不能同时提交两个表单到不同页面
- PHPCMS二次开发笔记一
- 如何将一个表单同时提交到两个地方处理
- 用js将form表单同时提交到两个不同页面的方法
- 如何将一个表单同时提交到两个地方处理
- 利用jquery把一个表单的数据同时提交给两个页面
- 【学习笔记】Web开发中防止页面刷新后表单重复提交,表单Token设置示例
- 微信公众账户开发 之 两个页面同时提交数据
- 如何将一个表单同时提交到两个地方处理
- PHPCMS二次开发之表单类使用指南
- 两个form表单同时提交(示例)
- 用js将form表单同时提交到两个不同页面的方法
- 用js将form表单同时提交到两个不同页面的方法
- java web开发中,jsp使用了frameset框架,如何实现整个页面跳转,并且同一个表单中可以提交两个action