gpt4 book ai didi

javascript - 带重定向的 switch 语句

转载 作者:行者123 更新时间:2023-12-04 01:19:46 26 4
gpt4 key购买 nike

好的,这就是交易,我正在尝试根据选择框中选择的选项将 switch 语句重定向到另一个页面。以下是我正在使用并试图弄清楚的示例,我们将不胜感激任何帮助。

    <html>
<body>
<form name="form1">
<select name="select1">
<option value="p1">p1</option>
<option value="p2">p2</optino>
</select>
</form>


<script type="text/javascript">
<!--
var sel = document.form1.select1;
var txt = sel.options[sel.selectedIndex].text;
var opt = sel.options[sel.selectedIndex].value;

switch (sel)
{
case 'p1': window.location = 'http://www.yahoo.com'
break;
case 'p2': window.location = 'http://www.google..com'
break;
}



</script>

<p>Set the variable to different value and then try...</p>
</body>
</html>

最佳答案

我建议您避免使用 switch 语句。这个怎么样?

<select name="select1">
<option data-url="http://www.yahoo.com" value="p1">p1</option>
<option data-url="http://www.google.com" value="p2">p2</option>
</select>

和:

document.getElementById("select1").onchange = function () {
var url = this.options[this.selectedIndex].getAttribute("data-url");
window.location = url;
};

编辑:我将示例更改为使用 html 5 data attributes (不用担心,所有浏览器都 100% 支持它们),因为您需要 value 属性来处理其他内容。

关于javascript - 带重定向的 switch 语句,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3687306/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com