javascript - 从表单字段构建在新窗口中打开的 URL

Question

我正在基于表单字段输入和 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>

<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>

Answer 1

window.location 将更新当前页面的 url。尝试window.open()。 您应该只需传入 url 即可。

来自MDN