转到其他网址点击按钮

我需要创建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

转到其他网址点击按钮

回答

相关问题