2009-07-15 121 views
2

我有一個簡單的html選項/選擇(下拉菜單)。我想在選擇選項時使用JQuery重定向鏈接。在禁用javascript的情況下,我在noscript標籤中有一個「go」按鈕,但是在用戶使用javascript..I的情況下,我希望重定向自動發生在點擊上。有人請指導我如何使用jquery完成此操作(我已經完成了使用簡單的javascript'onclick'事件,但我想將所有的代碼移到jquery中)?JQuery。簡單的下拉選擇菜單行爲問題

現在我的代碼看起來像這樣(的函數從「的onclick」事件調用):

function option(dropdown) { 
     var myindex = dropdown.selectedIndex 
     var SelValue = dropdown.options[myindex].value 
     var baseURL; 
     if(SelValue=="1") 
      baseURL="something1"; 
     else if(SelValue=="2") 
      baseURL="something2"; 
     else if(SelValue=="3") 
      baseURL="something3"; 
     top.location.href = baseURL; 

     return true; 
} 

回答

2

要在jQuery的點擊元素,你可以做

$('#elementId').click(function(){ 
    //do redirection 
}); 

但對於綁定你的情況我認爲你需要綁定變化事件

$('#elementId').change(function(){ 
    var optionSelectedValue = $('#elementId option:selected').val(); 
    if(optionSelectValue == value1) { 
    newUrl = url1; 
    } 
    else if(optionSelectValue == value2) { 
    newUrl = url2; 
    } 
    top.location.href = newUrl; 
}); 
+0

謝謝!這足夠簡單 – oym 2009-07-15 19:09:30