通过网址

Question

我的网站上有一个“跟踪您的包裹”小部件。它需要一个简单的代码或跟踪号码。

我希望将其传递到其他网站，其中跟踪号码放在网址中。例如：

http://www.site.co.uk/en/express/tracking.html?AWB=1234&brand=site

我希望将值放在表单字段中，并使用此代码构建URL（其中1234在上面的示例中）。

我创建了一个表单，以及一个应该从字段中获取值的函数。然后它应该打开一个新窗口转到此URL。

表单HTML ：

<h2>Track your parcel</h2>
<form action="trackParcel()" method="GET">
    <input type="text" class="tracking" name="tracking" placeholder="Enter your waybill number" />
    <input type="submit" />
</form>

功能：

jQuery(document).ready(function($) {

        function trackParcel(){
            event.preventDefault();
            console.log('here');
            var tracking = $('.tracking').find('input[name="tracking"]').val();
            var url = 'http://www.site.co.uk/en/express/tracking.html?AWB='+tracking+'&brand=site';
            window.open(url, '_blank');
        }  
    });

我原以为这会正常工作。在提交表单时将调用函数trackParcel()，preventDefault()将停止实际提交表单，window.open将打开一个包含我创建的URL的新窗口

我离开这里了吗？

目前，它继续提交页面（因此刷新）并且不会打开新窗口。