在表单字段的新窗口中构建一个URL

时间:2018-03-28 19:57:47

标签: javascript forms input

我正在根据表单字段输入和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;
&#13;
&#13;

3 个答案:

答案 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');