0

下面的选择框工作得很好。它根据所选选项重定向。

<select name="redirect" onChange="window.document.location.href=this.options[this.selectedIndex].value;" value="GO">
   <option selected="selected">Select One</option>
   <option value="http://www.google.com">Google</option>
   <option value="http://www.gmail.com">Gmail</option>
 </select>

但我有一个像这样的复杂下拉框：

<select name="menu" onChange="window.document.location.href=this.options[this.selectedIndex].value;" value="GO">
    <option value="">Select Project</option>
    <option value="http://www.google.com">Type 1</option>
    <option value="Type 2">Type 2</option>
    <option value="Type 3">Type 3</option>
</select>

我知道上面的选择框没有意义，因为我使用 onChange 重定向并使用类型 2 和类型 3 作为选项。

问题：当我选择类型 1 时，它应该重定向到谷歌，否则如果选择类型 2 或类型 3，它的值应该提交到我的表单。

我们怎样才能做到这一点。谢谢

4

2 回答 2

1

你应该尝试这样的事情：

<select name="menu" onChange="javascript: if (this.value == 'http://www.google.com'){window.document.location.href=this.options[this.selectedIndex].value;}else{document.forms['myform'].submit();} " value="GO">
<option value="">Select Project</option>
<option value="http://www.google.com">Type 1</option>
<option value="Type 2">Type 2</option>
<option value="Type 3">Type 3</option>
</select>

PS：这里： document.forms['myform'].submit();....你用你的表单名称-id 更改 myForm ;)

萨卢多斯

于 2013-02-22T12:49:11.387 回答
1

html 就像你想要的那样：

<form name="fm_memu">
    <input type="text" name="ipt_menu" value=""/>
</form>
<select name="menu" onChange="if(this.selectedIndex){if(this.selectedIndex < 2){window.document.location.href=this.value;}else{window.document.forms['fm_memu']['ipt_menu'].value=this.value;}}" value="GO">
    <option value="">Select Project</option>
    <option value="http://www.google.com">Type 1</option>
    <option value="Type 2">Type 2</option>
    <option value="Type 3">Type 3</option>
</select>
于 2013-02-22T13:27:21.497 回答