2009-07-15 3 views
2

간단한 HTML 옵션/선택 (드롭 다운) 메뉴가 있습니다. 옵션을 선택하면 JQuery를 사용하여 링크를 리디렉션하고 싶습니다. 자바 스크립트가 비활성화되어있는 경우 noscript 태그에 "go"버튼이 있지만 사용자가 자바 스크립트를 가지고있는 경우에는 리디렉션이 자동으로 실행되도록하고 싶습니다. 누군가가 제발 jQuery를 사용하여 이것을 달성하는 방법에 대해 안내 할 수 있을까요 (이 간단한 자바 스크립트 'onclick'이벤트를 사용하여 수행 할 수 있지만 jquery 내 코드를 모두 이동하고 싶습니다)?JQuery. 간단한 드롭 다운 선택 메뉴 동작 질문

는 지금 내 코드 (함수가 '온 클릭'이벤트에서 전화를 가져옵니다) 다음과 같습니다

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