2013-02-22 64 views
0

下面的選擇框完全正常。它根據選定的選項重定向。HTML/Javascript:所選字段的URL重定向

<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,它應該重定向到google其他類型,它的值應該提交給我的表單。

我們該如何做到這一點。謝謝

回答

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的']提交(); ....你改變myForm會與你的表單名稱-ID。 ;)

Saludos

+0

在你的onChange的其他部分,而不是發送ALER我需要將值存儲在選擇標記中。 我不想發送任何警報我要麼重定向,如果它的價值谷歌或存儲剩下的。 – Supersonic 2013-02-22 13:00:29

+1

我把這些提示放在了一個例子的模式中......而不是提醒你可以放置你需要的代碼;)....我認爲你可以打開...對不起......我要編輯答案 ;) – Hackerman 2013-02-22 13:21:30

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>