Question

当我点击go按钮时，我有<button ng-show="theForm.$valid"></button>列表转到外部链接。但链接在同一窗口中打开。我想让它打开新窗口。这是我的代码。

select

Javascript：

 <select id="my-dropdown" name="my-dropdown">
    <option value="http://www.google.com">A</option>
    <option value="http://www.aol.com">B</option>
 </select>
 <button class="go-btn" type="submit">Go</button>

任何人都可以帮忙吗？

Answer 1

制作

$('.go-btn').click(function() {
   window.open( $('#my-dropdown').val() );
});

或

$('.go-btn').click(function() {
   window.open( $('#my-dropdown').val(), "_newtab" );
});

Answer 2

我想你也可以试试这个

window.open($('#my-dropdown').val(), '_blank');

Answer 3

尝试window.open()：

$('.go-btn').click(function() {
 window.open($('#my-dropdown').val(), '_blank');
});

Working Demo

Answer 4

纯Javascript解决方案：

<select id="my-dropdown" name="my-dropdown">
  <option value="www.google.com">A</option>
  <option value="www.aol.com">B</option>
</select>
<button class="go-btn" type="button" onclick="go();">Go</button>

<script>
  function go() {
    var e = document.getElementById("my-dropdown");
    var url = e.options[e.selectedIndex].value;
    window.open(url, "_newtab");
  };
</script>

Answer 5

请检查

$("body").on("click","table#price > tbody > tr",function(){
var newId = 35;
var prevId = 0;
  $("table#price > tbody > tr").each(function(){
    var thisId = parseInt(this.id,10);
    if(thisId<newId){
      if(thisId>prevId){
        prevId=thisId;
      }
    }
  });
alert('Previous id is: '+prevId); 
});

Answer 6

这是一种不同的方法，不会触发浏览器弹出窗口拦截器，window.open有时可以。

使用您的下拉列表值和target="_blank"动态创建一个链接，然后强制点击它。

在jsbin

上查看

＆＃13;

    var setAttributes = function(d, b) {
  for (var h in b) b.hasOwnProperty(h) && d.setAttribute(h, b[h]);
  return d;
};

var makeLink = function(id, href) {
  var link = document.createElement('a'),
    attr = {
      'id': id,
      'href': href,
      'target': '_blank',
      'style':'display:none'
    };

  link.insertAdjacentHTML('beforeend', href);
  return setAttributes(link, attr);
};

$(document).ready(function() {
  $('.go-btn').click(function() {
    var theLink,myLink = makeLink('the-link', $('#my-dropdown').val());

    document.body.insertAdjacentHTML('beforeend',myLink.outerHTML);
    theLink = document.getElementById('the-link');
    console.log(theLink);
    theLink.click();
    theLink.parentElement.removeChild(theLink);
  });
});

＆＃13;

<!DOCTYPE html>
<html>

<head>
  <title>Open in new tab - No pop up blocker</title>
  <meta charset="utf-8">
</head>

<body>

  <select id="my-dropdown" name="my-dropdown">
    <option value="http://www.google.com">A</option>
    <option value="http://www.aol.com">B</option>
    <option value="http://stackoverflow.com/">C</option>
  </select>
  <button class="go-btn" type="submit">Go</button>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</body>

</html>

＆＃13;

Answer 7

您可以使用以下

$('.go-btn').click(function() {
   window.open( $('#my-dropdown').val(), "_blank" );
});

Answer 8

以下是如何在新标签中打开它，但我不知道窗口：

ValueError: Error when checking target: expected dense_2 to have 2     
dimensions, but got array with shape (4200, 28, 28, 10)

window.location在新标签页中打开

8 个答案: