在我的网站上,我有一个下拉列表,每个选项都有其 URL。当您选择其中一个选项并单击按钮时,相应的 URL 将在同一选项卡中打开。
问题: 我的表单有效,但我需要在同一页面上有2 个单独的表单。现在,只有第一种形式有效。因此,如果我单击第二个表单上的按钮,它将带来来自确定表单的结果。例如,我在第一个表单上选择了“选项 A”,在第二个表单上选择了“选项 C”。我在第二个表单上单击“提交”,但它会从第一个表单的“选项 A”打开一个 URL。
只要两个下拉菜单在同一页面上单独工作,您就可以完全更改我当前的代码/脚本。
这是代码:
HTML
<form class="spec-table" name="dropdown">
<tr>
<td>
<input type="hidden" name="on0" value="This is my drop down" />
This is my drop down
</td>
</tr>
<tr>
<td>
<select name="selected" id="target" accesskey="E" class="spec-field1">
<option selected value="URL-1">Option A</option>
<option value="URL-2">Option B</option>
<option value="URL-3">Option C</option>
<option value="URL-4">Option D</option>
</select>
</td>
</tr>
<input type="button" class="button-spec" value="Visit Link!"
onclick="goToNewPage(document.dropdown.selected)">
</form>
Javascript
function goToNewPage() {
if(document.getElementById('target').value) {
window.location.href = document.getElementById('target').value;
}
}