Question

在我网站的每个页面上，我在侧边栏中都有以下表格（不要担心表单的静态值）：

<form target="booking_iframe" name="form1" method="post" action="/booking" id="le_booking_form">
<div class="form_row">CHECK IN
    <input name="side_check_in_date" type="text" class="stwths_input" id="checkin" value="2012-03-05">
</div>

<div class="form_row">CHECK OUT
    <input name="side_check_out_date" type="text" class="stwths_input" id="checkout" value="2012-03-10">
</div>

<div class="stwths_submit_box"><input type="submit" name="button" id="button" value="Submit" class="stwths_submit" rel="follow"></div>

</form>

表单需要做的是将side_check_in_date和side_check_out_date发布到预订页面上的iFrame，当您点击提交所以用户可以填写此预订页面上显示的表格。

以下是预订页面中的代码：

<iframe name="booking_iframe" src="http://thestrandreservation.spin-demo.com/?ptype=user_booking" width="690" height="3000" border="0" frameborder="0" scrolling="no"></iframe>

您可以在下面看到主页和预订页面：

http://thestrand.spin-demo.com/

http://thestrand.spin-demo.com/booking

Answer 1

在预订页面上，您需要在表单中插入value =“{CHECK_IN_DATE}”和value =“{CHECK_OUT_DATE}”，其中id =“reservation_frm”。这需要在服务器端发生，因为您要从stay_withus_form发布此数据。

我不知道您使用的是哪种服务器技术，无论是php，ruby还是.net都没关系。

然后在预订页面上使用Javascript提交reservation_frm表格：

使用普通的旧Javascript：

document.forms["reservation_frm"].submit();

或使用jQuery

$("#reservation_frm").submit();

在不同页面上将数据POST到iFrame的最佳解决方案？

1 个答案: