javascript - 在 anchor 标记中使用 javascript window.open(elementName.elementValue) 在新选项卡中打开页面

Question

在过去的几天里，我检查了大量的例子，但仍然找不到解决我的困境的答案。为了让我首先解释我的困境，我将向您展示一个我有的东西的例子，然后解释我希望它如何工作(但似乎无法实现)。

这个有效:

<form>
<select name="url">
    <option selected="selected" value=""> Choose Donation Amount </option>
    <option value="http://www.url1.com">URL#1</option>
    <option value="http://www.url2.com">URL#2</option>
    <option value="http://www.url3.com">URL#3</option>
    <option value="http://www.url4.com">URL#4</option>
    <option value="http://www.url5.com">URL#5</option>
    <option value="http://www.url6.com">URL#6</option>
</select>
<input type="submit" value="Submit" onclick="if (url.value) window.open(url.value);" />
</form>

但我宁愿做的是捕获选项并使用 anchor 标记(而不是输入 [type"submit"])打开 URL，像这样(替换关闭表单标记之前的输入标记):

<a href="javascript:void(if (url.value) window.open(url.value));" target="_blank">Submit</a>

上面一行行不通，我不知道如何正确地形成它。帮忙？

我知道这看起来不合逻辑，特别是因为我已经使用提交按钮来处理它，但我也无法准确解释为什么我不想使用输入或按钮 type="submit"、 或 PHP。拜托，它确实需要在 anchor 标记中内联 javascript。谢谢。s :-)

Answer 1

添加您的表单 name 属性，例如:

<form name="form">

...然后像这样尝试:

<a href="" onclick="window.open( form.url.value, 'windowName' ); return false" target="_blank">Submit</a>

有一个工作 example .