在新标签页中打开的表格不起作用

Question

这个表格有两个问题：

1. 虽然我添加了 target="_blank"，但第一个表单在提交时没有在新标签页中打开
2. 单击“登录”按钮时，直到新打开的选项卡关闭或完全加载，当前表单将冻结。我似乎无法弄清楚为什么！

HTML：

<form target="_blank" onsubmit="window.location = 'http://sub1.domain.com?tt=' + search.value; return false;">
                <label><input type="radio" name="optradio" value="1"> Tracking ID</label>  &nbsp; 
                <label><input type="radio" name="optradio" value="2" > OPC</label>
<div id="Track1" class="desc" style="display: none;">
                <br />
                <input id="search" class="TrackInput" onclick="this.placeholder=''" onblur="this.placeholder='IYIUY'" type="text" placeholder="IYIUY" type="search" name="search">
                <br />
<button type="submit" value="Submit">Track</button>
</div>

<div id="Track2" class="desc" style="display: none;">
<a href="http://sub2.domain.com" target="_blank">LOGIN</a>
</div>
</form>

JS：

$(document).ready(function() {
    $("input[name$='optradio']").click(function() {
        var test = $(this).val();

        $("div.desc").hide();
        $("#Track" + test).show();
    });
});

有人可以思考一下为什么会发生这两个问题吗？

DEMO JSFiddle

Answer 1

您已在onsubmit event 中为form 添加了return false

onsubmit="window.location = 'http://sub1.domain.com?tt=' + search.value; return false;">

return false 将阻止其默认操作。因此，只需在最后删除 return false 即可。其他一切看起来都不错。

Updated Fiddle