フォーム選択値からハイパーリンクを作成する

Question

リストから選択項目をクリックすると、簡単なドロップダウンメニューを作成したいので、リンクとして機能します。

タイトルがあまりにも曖昧であることを申し訳ありません、私はちょうどこれを呼び出すことを考えていません。

Answer 1

あなたをドロップダウンメニューからオプションを選択すると、ブラウザが異なるに行くことを意味しますかURL？

もしそうなら、それを達成する方法を説明する良いページがあります：http://www.davesite.com/webstation/js/theory1jump.shtml

Answer 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) 
});