从表单选择值创建超链接

时间:2011-08-04 22:38:12

标签: html forms hyperlink

当您从列表中单击选项时,我想创建一个简单的下拉菜单,它可以作为链接。

很抱歉标题太模糊了,我只是不知道该怎么称呼它。

2 个答案:

答案 0 :(得分:2)

最简单的方法是创建一个包含表示链接的属性的选择列表,然后使用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)
});

答案 1 :(得分:1)

您的意思是当您从下拉菜单中选择一个选项时,浏览器会转到其他网址吗?

如果是这样,这是一个很好的页面,描述了如何实现这一目标:http://www.davesite.com/webstation/js/theory1jump.shtml