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

时间:2016-05-27 07:19:38

标签: javascript jquery html

这种形式存在两个问题:

  1. 虽然我添加了target =" _blank"
  2. ,但在提交时,第一个表单在新标签页中不会打开
  3. 当"登录"单击按钮,直到新打开的选项卡关闭或完全加载,当前表单冻结。我似乎无法弄明白为什么!
  4. 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

1 个答案:

答案 0 :(得分:0)

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

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

return false会阻止其默认操作。所以最后删除return false。其他一切看起来都不错。

<强>

Updated Fiddle