轉到其他網址點擊按鈕

我需要創建html代碼，其中如果用戶從下拉列表中選擇一個項目，然後單擊按鈕，它將轉到相應的鏈接。轉到其他網址點擊按鈕

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

如果用戶從下拉列表中選擇谷歌和點擊按鈕，然後頁面應該被重定向到www.google.com，如果它選擇雅虎和點擊按鈕應該去www.yahoo.com

我想提一下，我需要按鈕在這種情況下。我不想去下拉選擇各自的網站。只需點擊按鈕後。

預先感謝您。

來源

2011-06-17 Sangram Nandkhile

您只使用html？ – Ruben

沒有..i需要它爲我的博客blogspot..im不知道它支持asp.net commnads ...所以需要它簡單.. –

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

你可以在新窗口中做這個也打開網站，您的選項標籤格式不正確。當標籤包含內容時，絕不應使用< ... />快捷方式。

來源

2011-06-17 14:56:17

Thanx很多..它完美的工作...感謝新窗口code..that真的幫助我！ –

@TERNA_staff，不客氣！ –

首先，改變你想指定的選項值的網址：

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

接下來，添加一個ID的選擇讓您可以指定它：

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

最後，添加onclick方法來處理重定向的選擇控件：

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

來源

2011-06-17 14:50:26

爲這個答案添加一個按鈕，它和我一樣完美;） – Jivings

@Jivings ：謝謝。固定。 –

使用JavaScript，您可以附加一個onclick事件到按鈕。在事件處理程序中，您可以使用if語句來檢查在select列表中選擇了哪個值，並使用window.location將用戶重定向到適當的URL。

我建議將option元素的value更改爲必需的URL，然後您可以簡單地獲取該值並轉到該URL，而不必檢查選擇了哪個選項。

來源

2011-06-17 14:50:58

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

來源

2011-06-17 14:51:48 Jivings

-4

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

來源

2014-04-20 14:23:32 Pratish

轉到其他網址點擊按鈕

回答

相關問題