html - 无法获得打开新网页的下拉菜单选项

Question

我有一个下拉菜单，当前可以打开结果并将它们显示在 iframe 中。我删除了 iframe 的脚本，因为我想看看在同一个窗口中打开时页面的样式。我尝试使用 target_"self"在同一窗口中打开链接，但这也无济于事。

起初我以为选择函数中的“空白”导致它默认为一个新窗口，但事实并非如此。我只更新了当前项目的链接。在我知道它有效之前，我不想改变一切。该链接确实有效，但它只是在新的浏览器窗口中打开。我这里只放了表单代码。

<form>
  <p><b>Our Projects<br/><br/></b>
      <select name="select" onChange="window.open(this.options[this.selectedIndex].value,'_blank')">
      <option value="">Select one</option>
      <option value="http://www.oldgamer60.com/Project/CurrentProjects.php" target="_self">Current Projects</option>
      <option value="ProjectsInFinalReview">In Final Review</option>
      <option value="DeliveredProjects">Delivered</option>
      <option value="CompletedProjects">Completed Projects</option>
    </select>
  </p>
</form>

Answer 1

假设您正在尝试让当前页面更新到所选选项而不是打开新选项卡，请更改您之前的

window.open(this.options[this.selectedIndex].value,'_blank')

到

window.open(this.options[this.selectedIndex].value,'_self'):

最终要:

<form>
  <p><b>Our Projects<br/><br/></b>
      <select name="select" onChange="window.open(this.options[this.selectedIndex].value,'_self')">
      <option value="">Select one</option>
      <option value="http://www.oldgamer60.com/Project/CurrentProjects.php">Current Projects</option>
      <option value="ProjectsInFinalReview">In Final Review</option>
      <option value="DeliveredProjects">Delivered</option>
      <option value="CompletedProjects">Completed Projects</option>
    </select>
  </p>
</form>

如果您正在寻找更多控制，您可以在选项上使用目标属性来驱动 window.open 的目标，让您能够说出一些选项打开新窗口，并且一些更改当前窗口。

示例:https://jsfiddle.net/vandsh/fkj7vgp4/