在表单未传递的情况下使用.html()动态插入隐藏文本字段
dynamically inserted hidden text fields using .html() under form not passing
我使用.html()/.append()在表单之间动态插入了一些隐藏字段。但当我单击提交按钮时,表单没有将表单详细信息带到我的php页面。
HTML:
<form action='/passenger.php' method='post' enctype='multipart/form-data'>
<div class='nebookclone'></div>
<div class='twobookclone'></div>
<table class='bus' id='onebus' cellspacing='0' align='left' cellpadding='5' width='50%'></table>
<table class='bus' id='rebus' cellspacing='0' align='right' cellpadding='5' width='50%'></table>
<div style='display:none;'>
<input type='submit' value='Proceed' id='onetwobook' name='hellhappens' />
</div>
</form>
<div id='reT'>
<input type='hidden' id='price' name='price[]' />
<input type='hidden' id='tot' name='tot[]' />
<input type='hidden' id='nos' name='nos[]' />
<input type='hidden' id='seat_no' name='seat_no[]' />
<input type='hidden' id='bearth' name='bearth[]' />
<input type='hidden' id='seat_price' name='seat_price[]' />
<input type='hidden' id='sl' name='sl[]' />
<input type='hidden' id='dp' name='dp[]' />
<input type='hidden' id='bp' name='bp[]' />
<input type='hidden' id='board' name='board[]' />
<input type='hidden' id='tt' name='tt[]' />
<input type='hidden' id='ta' name='ta[]' />
<input type='hidden' id='operator' name='operator[]' />
<input type='hidden' id='servicekey' name='servicekey[]' />
<input type='hidden' id='source' name='source[]' />
<input type='hidden' id='destination' name='destination[]' />
<input type='hidden' id='lay' name='layout[]' />
<input type='hidden' id='date' name='date[]' />
<input type='hidden' id='bus_type' name='bus_type[]' />
<input type='hidden' id='start' name='start[]' />
<input type='hidden' id='reach' name='reach[]' />
</div>
<div class='seats'>
<p>
<input class='twobookclone' type='submit' value='Continue booking' />
</p>
</div>
jQuery:
$('.twobookclone').append($('#reT').clone().children().removeAttr('id'));
$("#selection form div input").trigger("click");
那些隐藏的输入必须在表单标记内!
将<div id='reT'>
移到那里,然后重试
类似:
<form action='/passenger.php' method='post' enctype='multipart/form-data'>
<div class='nebookclone'></div>
<div class='twobookclone'></div>
<table class='bus' id='onebus' cellspacing='0' align='left' cellpadding='5' width='50%'></table>
<table class='bus' id='rebus' cellspacing='0' align='right' cellpadding='5' width='50%'></table>
<div style='display:none;'>
<input type='submit' value='Proceed' id='onetwobook' name='hellhappens' />
</div>
<div id='reT'>
<input type='hidden' id='price' name='price[]' />
<input type='hidden' id='tot' name='tot[]' />
<input type='hidden' id='nos' name='nos[]' />
<input type='hidden' id='seat_no' name='seat_no[]' />
<input type='hidden' id='bearth' name='bearth[]' />
<input type='hidden' id='seat_price' name='seat_price[]' />
<input type='hidden' id='sl' name='sl[]' />
<input type='hidden' id='dp' name='dp[]' />
<input type='hidden' id='bp' name='bp[]' />
<input type='hidden' id='board' name='board[]' />
<input type='hidden' id='tt' name='tt[]' />
<input type='hidden' id='ta' name='ta[]' />
<input type='hidden' id='operator' name='operator[]' />
<input type='hidden' id='servicekey' name='servicekey[]' />
<input type='hidden' id='source' name='source[]' />
<input type='hidden' id='destination' name='destination[]' />
<input type='hidden' id='lay' name='layout[]' />
<input type='hidden' id='date' name='date[]' />
<input type='hidden' id='bus_type' name='bus_type[]' />
<input type='hidden' id='start' name='start[]' />
<input type='hidden' id='reach' name='reach[]' />
</div>
<div class='seats'>
<p>
<input class='twobookclone' type='submit' value='Continue booking' />
</p>
</div>
</form>
我在php页面中犯了一个愚蠢的错误,我在控制台的NET选项卡中观察到数据正在传递到我的php页面。
我在那里所做的只是呼应了只在那里显示的$_POST['hellhappens'];
。最后我做了var_dump($_POST)
它的罚款,我的数据是成功通过。
相关文章:
- 如何动态插入jquery代码
- 动态插入的表:JQuery未检测到最后一行
- 使用JavaScript动态插入DIV的成本有多高
- 将对象动态插入到现有对象中
- 使用enyo.js将数据动态插入表中
- 在iframe代码中动态插入子id
- 在DIV中动态插入HTML并访问新元素
- 使用JQuery动态插入/删除字段
- EmberJS:动态插入组件
- 如何使用JS在中间输入文本中动态插入字符
- 动态插入并从数组中检索键值对 - Javascript
- 如何使动态插入的 html 对象可单击
- 如何在一个页面上动态插入数组中的项
- 在动态插入的表行中使用引导开关
- 动态插入Div会破坏KnockoutJS数据绑定
- 使用Ember.js将新行动态插入到Table上下文中
- 在表单未传递的情况下使用.html()动态插入隐藏文本字段
- 使用javascript创建动态插入表单
- 如何在动态插入的html文件中使用onload事件
- 使用Javascript、Jquery或Ajax动态插入Yahoo Merchant Store目录标签