与另一个表单在同一页面上的下拉表单导航答案

【问题标题】：Dropdown form navigation on the same page as another form与另一个表单在同一页面上的下拉表单导航
【发布时间】：2013-06-21 18:01:57
【问题描述】：

我希望在我们的网站上创建一个下拉菜单，该菜单将显示在我们导航的所有页面上，用于导航到一组特定的品牌页面。这是我正在使用的：

<form>
<select name="URL" onchange="window.location.href=this.form.URL.options[this.form.URL.selectedIndex].value" style="font-weight: normal; width: 170px;">
  <option value="">Select a brand...</option>
  <option value="brand-a.html">A</option>
  <option value="brand-b.html">B</option>
  </select>
</form>

效果很好，但是它与可能显示在我们网站同一页面上的其他表单（即购物车页面、帐单/运输信息）之间存在冲突。例如，您填写帐单信息，点击提交，然后我们的购物车出现错误 - 我猜是因为上面的品牌表单没有选择选项，它正在尝试先提交。

有什么办法可以在页面上同时显示两个表单？

如果我可以提供任何其他详细信息来帮助解决此问题，请告诉我。

谢谢！

【问题讨论】：

为什么需要在表单中？至少它不应该在购物车（等）表单中。但是，听起来您的表单处理写得不好。它不应受到其他元素的影响。

标签： javascript forms drop-down-menu navigation

【解决方案1】：

只需删除封装 select 标记的表单。在 HTML5 中这是有效的。

【讨论】：

【解决方案2】：

您可以使用frame 在同一页面中显示多个表单。在下面的代码中，我展示了 3 个表单。

<frameset frameborder="0" border="0" bordercolor="#FBE134" framespacing="0" rows="125,*" frameborder = "0" framespacing = "0" border = "0">
        <frame frameborder="0" noresize scrolling="no" name="framTop" src="header.php" frameborder="0" marginwidth="0" marginheight="0">
        <frameset frameborder="0" cols="170,*">
            <frame frameborder="0" name="framLeft" noresize scrolling="no" src="" frameborder="0" marginwidth="0" marginheight="0">
                <frame frameborder="0" marginwidth="1" marginheight="1" noresize name="framRight" src="">

【讨论】：