2009-07-15 5 views
2

У меня есть простое меню html/select (выпадающее меню). Я хочу использовать JQuery для перенаправления ссылок при выборе опции. У меня есть кнопка «go» в тегах noscript в случае, если javascript отключен, но в том случае, если у пользователя есть 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

Чтобы связать элемент щелчком в 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

+0

любой шанс, что вы знаете код для выполнения перенаправления с руки? – oym

+1

Что именно означает перенаправление ссылок? – Dirk

Смежные вопросы