2009-07-15 17 views
2

私は単純なHTMLオプション/選択(ドロップダウン)メニューがあります。オプションを選択したときにJQueryを使用してリンクをリダイレクトしたいjavascriptが無効になっている場合、noscriptタグに "go"ボタンがありますが、ユーザがJavaScriptを持っている場合はリダイレクトが自動的にオンクリックされるようにします。誰かが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

あなたは

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

でものための操作を行うことができますjQueryのではクリック要素をバインドするにはあなたの場合変更イベントをバインドする必要があると思います。

$('#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

+0

あなたはリダイレクションを手で行うためのコードを知っています。 – oym

+1

リダイレクトリンクとはどういう意味ですか? – Dirk