создание гиперссылки из значения выбора формы

Question

Я бы хотел сделать простое выпадающее меню, когда вы щелкаете по вашему выбору в списке, оно действует как ссылка.

Извините за столь неоднозначное название, я просто не представляю, как это назвать.

Answer 1

Самый простой способ - создать список выбора с атрибутами, представляющими ссылки, а затем использовать JavaScript для перехода к ссылке при ее нажатии.

Но более доступным способом было бы создание списка ссылок,затем используйте JavaScript для построения списка выбора из них.Таким образом, ссылки все равно будут работать, если JavaScript отключен.

С jQuery, что-то вроде:

<a href="http://example1.com">Link 1</a>
<a href="http://example2.com">Link 2</a>

И ваш скрипт:

var $sel = $("<select/>")
  .appendTo("body")
  .change(function() {
    document.location.href = $sel.val();
  })
$("a").each(function() {
  $("<option/>")
  .appendTo($sel)
  .val(this.href)
  .html(this.innerHTML)
});

Answer 2

Вы имеете в виду, что когда вы выбираете опцию из выпадающего списка, браузер переходит на другой URL?

Если это так, вот хорошая страница, которая описывает, как этого добиться: http://www.davesite.com/webstation/js/theory1jump.shtml