我正在根据表单字段输入和javascript构建自定义网址。一切都按照它的方式工作,但我希望在新窗口中打开构建的URL。这可能吗?
它是一个小预订小部件,点击日期框会弹出日历,该部分也可以。我真的希望在提交的新窗口中打开它。
<script type="text/javascript">
jQuery(function() {
var form = jQuery('form#form1');
form.submit(function(e) {
var checkin = form.find('input[name="from"]').val();
var nights = form.find('input[name="nights"]').val();
var guests = form.find('input[name="number"]').val();
window.location = "https://example.com" + checkin + ";" + nights + ";" + guests + ";?";
return false;
});
});
</script>
&#13;
<div class="book-popup">
<a class="opener btn" href="#">Book Now</a>
<div class="slide">
<form id="form1" method="POST" target="_blank" class="timer-box" >
<div class="selections">
<div class="set">
<strong class="title">Arrival</strong>
<div class="frame">
<em class="month"><?php echo date("M") ?></em>
<span class="date-text"><?php echo date("j") ?></span>
<input type="hidden" name="from" class="from" value="<?php echo date("mdY") ?>">
<a href="#" class="btn-down icon-chevron-thin-down"></a>
</div>
</div>
<div class="set">
<strong class="title">Nights</strong>
<div class="frame">
<input type="number" name="nights" value="1" max="8" min="1">
</div>
</div>
<div class="set">
<strong class="title">Guests</strong>
<div class="frame">
<input type="number" name="number" value="2" max="8" min="1">
</div>
</div>
</div>
<div class="col"> <input type="submit" value="BOOK NOW" class="btn" >
</div>
</form>
</div>
</div>
&#13;
答案 0 :(得分:2)
window.location将更新当前页面的网址。试试window.open()。 你应该可以直接传入网址。
来自MDN
答案 1 :(得分:1)
只需使用以下
即可 window.open(‘url’)
答案 2 :(得分:1)
尝试使用window.open
代替window.location
:
window.open('http://your-url.com','_blank');