如何在新选项卡中打开表单选择

How can I make a form selection open in a new tab?

本文关键字:选择 表单 选项 新选项      更新时间:2023-09-26

我在之前的搜索中找到了这个脚本,以寻找一种从单选按钮向浏览器提交 url 的方法:

<script type="text/javascript">
  function doSubmit(form) {
    var urls = form['url'];
    var i = urls && urls.length;
    while (i--) {
      if (urls[i].checked) {
        window.location = urls[i].value;
      }
    }
    return false;
  }
  </script>
  <form action="" onsubmit="return doSubmit(this)">
    <input type="radio" name="url" value="http://www.google.com"> Google
    <input type="radio" name="url" value="http://www.yahoo.com"> Yahoo
    <input type="submit" value="Submit">
  </form>

我正在尝试做的是修改脚本,以便它在新选项卡中打开 url。我尝试添加"_blank"参数但没有运气,但我什至不能 100% 确定它会去哪里。有人为我解答吗?

  function doSubmit(form) {
    form.target = "_blank";
    var urls = form['url'];
    var i = urls && urls.length;
    while (i--) {
      if (urls[i].checked) {
        form.action = urls[i].value;
      }
    }
    return true;
  }

这段代码就可以了。HTML5 支持 target 属性。该脚本返回true以允许执行表单操作。脚本将action设置为所需的URL,而表单target设置为_blank,在新窗口中打开网址。