ボタンをクリックすると別のURLに移動します

Question

ユーザーがドロップダウンリストから項目を選択してボタンをクリックすると、それぞれのリンクに移動するHTMLコードを作成する必要があります。

<select name="myList"> 
<option value="Google" />Google 
<option value="yahoo" />yahoo 
<option value="Ask" />Ask 
</select> 

ユーザーがドロップダウンリストからグーグルを選択し、ボタンをクリックすると、そのページがwww.google.comにリダイレクトする必要があり、それがヤフーを選択し、ボタンをクリックした場合www.yahoo.comに行くべき

私はこのシナリオでボタンが必要だと言いたいと思います。 私はボタンをクリックした後、ドロップダウン選択でそれぞれのサイトに行きたくありません。

ありがとうございます。

Answer 1

HTML：

<select name="myList" id="ddlMyList"> 
    <option value="http://www.google.com">Google</option> 
    <option value="http://www.yahoo.com">Yahoo</option> 
    <option value="http://www.ask.com">Ask</option> 
</select> 

<input type="button" value="Go To Site!" onclick="NavigateToSite()" /> 

のJavaScript：注意点として

function NavigateToSite(){ 
    var ddl = document.getElementById("ddlMyList"); 
    var selectedVal = ddl.options[ddl.selectedIndex].value; 

    window.open(selectedVal) 
} 

：

function NavigateToSite(){ 
    var ddl = document.getElementById("ddlMyList"); 
    var selectedVal = ddl.options[ddl.selectedIndex].value; 

    window.location = selectedVal; 
} 

あなたはまた、これを行うことによって、新しいウィンドウでサイトを開くことができますオプションタグの形式が正しくありません。タグにコンテンツが含まれている場合は、< ... />ショートカットを使用しないでください。

Answer 2

まず、あなたがターゲットにするURLにオプションの値を変更：追加、

最後

<select name="myList" id="myList"> 

を：あなたはそれをターゲットにすることができますので、選択するためにIDを追加し、

<option value="http://www.google.com">Google</option> 
<option value="http://www.yahoo.com">Yahoo</option> 
<option value="http://www.ask.com">Ask</option> 

次onclickメソッドをリダイレクトを処理するための選択コントロールに追加します。

<input type="button" onclick="document.location.href=document.getElementById('myList').value"> 

Answer 3

JavaScriptを使用して、onclickボタンへのイベント。イベントハンドラでは、ifステートメントを使用してselectリストで選択された値を確認し、window.locationを使用して適切なURLにリダイレクトすることができます。

option要素のvalueを必要なURLに変更することをお勧めします。選択したオプションを確認するのではなく、値を取得してそのURLに移動することができます。

Answer 4

<select name="myList"> 
    <option value="http://www.google.com">Google</option> 
    <option value="http://www.yahoo.com">Yahoo</option> 
    <option value="http://www.ask.com">Ask</option> 
</select> 

<input type="button" onclick="window.location=document.myList.value" /> 

Answer 5

onclick()="window.location.href='page.html'"