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

时间:2013-06-21 18:01:57

标签: javascript forms drop-down-menu navigation

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

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

它运作良好,但它与我们网站的同一页面上显示的其他表格之间存在冲突(即购物车页面,结算/运输信息)。例如,您填写了您的结算信息,点击提交,并且我们的购物车出现了错误 - 我猜是因为上面的品牌形式没有选择选项,并且它首先尝试提交。

有没有办法在页面上同时显示这两个表单?

如果我能提供任何其他详细信息以帮助您解决此问题,请与我们联系。

谢谢!

2 个答案:

答案 0 :(得分:0)

只需删除封装select标签的表单即可。在HTML5中,这是有效的。

答案 1 :(得分:0)

您可以使用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="">