2013-06-21 2 views
0

Я ищу для создания выпадающего меню на нашем веб-сайте, которое будет отображаться на всех страницах нашей навигации и используется для перехода к набору определенных страниц бренда. Это то, что я использую:Выпадающая форма навигации на той же странице, что и другая форма

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

Он прекрасно работает, однако существует конфликт между ним и другой формы (форм), которые могут отображаться на той же странице нашего сайта (т.е. корзины покупок. страница, информация о биллинге/доставке). Например, вы заполняете свою платежную информацию, нажимаете «Отправить», и ошибка возникает из нашей корзины покупок - я предполагаю, потому что у брэндовой формы не выбран вариант, и он пытается представить это первым.

Есть ли способ иметь обе формы на странице?

Пожалуйста, дайте мне знать, если я могу предоставить любые дополнительные сведения, чтобы помочь решить эту проблему.

Спасибо!

+1

Почему это должно быть в форме? По крайней мере, он не должен находиться внутри корзины покупок (и т. Д.). Однако, похоже, что ваша обработка формы плохо написана. На него не должно влиять дополнительный элемент. – Kat

ответ

0

Просто удалите форму, инкапсулирующую тег select. В HTML5 это действительно.

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