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

Dropdown form navigation on the same page as another form

本文关键字：表单 导航 一页 另一个      更新时间：2023-09-26

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

<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>

它工作得很好，但是它和其他表单之间存在冲突，这些表单可能会出现在我们网站的同一页面上(例如:，购物车页面，计费/航运信息)。例如，你填写了账单信息，点击提交，然后我们的购物车出现了一个错误——我猜是因为上面的品牌表单没有选择一个选项，它试图先提交这个选项。

有没有办法让这两种形式都出现在页面上?

如果我能提供任何额外的细节来帮助解决这个问题，请告诉我。

谢谢!

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

您可以使用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="">
相关文章：