html – 点击按钮转到不同的网址

html – 点击按钮转到不同的网址,第1张

概述我需要创建 HTML代码,如果用户从下拉列表中选择一个项目并单击按钮,它将转到相应的链接. <select name="myList"><option value="Google" />Google<option value="yahoo" />yahoo<option value="Ask" />Ask</select> 如果用户从下拉列表中选择Google并单击按钮,则应将页面重定向到 我需要创建 HTML代码,如果用户从下拉列表中选择一个项目并单击按钮,它将转到相应的链接.
<select name="myList"><option value="Google" />Google<option value="yahoo" />yahoo<option value="Ask" />Ask</select>

如果用户从下拉列表中选择Google并单击按钮,则应将页面重定向到www.Google.com,如果选择yahoo并单击按钮,则应转至www.yahoo.com

我想提一下,我需要这个场景中的按钮.
我不想在下拉选择中去各自的网站.只有在点击按钮后.

先感谢您.

@H_403_12@解决方法 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.location = selectedVal;}

您也可以通过以下方式在新窗口中打开网站:

function NavigatetoSite(){    var ddl = document.getElementByID("ddlMyList");    var selectedVal = ddl.options[ddl.selectedindex].value;    window.open(selectedVal)}

作为旁注,您的选项标签格式不正确.你永远不应该使用< ... />标记包含内容时的快捷方式.

总结

以上是内存溢出为你收集整理的html – 点击按钮转到不同的网址全部内容,希望文章能够帮你解决html – 点击按钮转到不同的网址所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1145073.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存