我想要完成的任务:当用户输入日期,成人数量等时,它会通过javascript动态地将信息添加到网址变量中的URL。这就是我到目前为止所做的:(我是Noob但是试图让它起作用)
<script type="text/javascript">
$(function () {
$('#submit').click(function() {
$('#button').click(function(e) {
var checkInDate = document.getElementById('checkInDate').value;
var checkInMonthYear = document.getElementById('checkInMonthYear').value;
var checkOutDate = document.getElementById('checkOutDate').value;
var checkOutMonthYear = document.getElementById('checkOutMonthYear').value;
var numberOfAdults = document.getElementById('numberOfAdults').value;
var rateCode = document.getElementById('rateCode').value
window.location.replace("http://www.Link.com/redirect?path=hd&brandCode=cv&localeCode=en®ionCode=1&hotelCode=DISCV&checkInDate=27&checkInMonthYear=002016&checkOutDate=28&checkOutMonthYear=002016&numberOfAdults=2&rateCode=11223");
window.location = url;
});
});
答案 0 :(得分:0)
好的,首先要做的事情是:你可能根本不需要这样做。如果您创建表单并为每个输入添加name
属性,则提交会自动为您创建URL。固定值字段可以设置为type="hidden"
。
为此,您需要使用“GET”方法。
<form action="http://www.Link.com/redirect" method="GET">
<input type="hidden" name="path" value="hd"><br>
<input type="hidden" name="brandCode" value="cv"><br>
<input type="hidden" name="localeCode" value="en"><br>
<input type="hidden" name="regionCode" value="1"><br>
<input type="hidden" name="hotelCode" value="DISCV"><br>
<input type="text" name="checkInDate"><br>
<input type="text" name="checkInMonthYear"><br>
<input type="text" name="checkOutDate"><br>
<input type="text" name="checkOutMonthYear"><br>
<input type="text" name="numberOfAdults"><br>
<input type="text" name="rateCode"><br>
<input type="submit">
</form>
点击“提交”会将网址更改为所需的网址。
如果这不符合您的需求,您可以按照此SO答案中的建议替换URL中的参数:Answer Link
这比尝试自行重新实现URL操作要好得多。