Sélectionnez Menu, aller à l'url sur sélectionner avec JQuery?

J'ai le code html suivant:

Balisage HTML

<ul id="test">
   <li><a href="http://www.yahoo.com">yahoo</a></li>
   <li><a href="http://www.google.com">Google</a></li>
</ul>

Et certains code JS:

JQuery/JavaScript Code

$('ul#test').each(function()
{
   var select=$(document.createElement('select')).insertBefore($(this).hide());
   $('>li a', this).each(function()
   { 
 option=$(document.createElement('option')).appendTo(select).val(this.href).html($(this).html());
   });
});

Ce code génère un sélectionnez menu déroulant, exactement ce que je veux, mais ma question est comment puis-je aller à l'url sur sélectionner? Donc, si je clique sur yahoo, ce qui m'amène à yahoo.com?

Merci pour votre aide!

pourquoi mixage native js et jQuery de cette façon? utiliser $('<select/>") pour créer un nouvel élément du DOM.
L'auto-<select> “sauter menu” est un discrédité outil de navigation; il a de sérieux de l'utilisabilité et de l'accessibilité des problèmes. S'il vous plaît ne pas utiliser ce. Que diriez-vous simplement faire de la <ul> lui-même un pop-up élément à la place?

OriginalL'auteur Keith Donegan | 2010-04-21

  1. 7
    $('ul#test').each(function()
{
   var select=$(document.createElement('select')).insertBefore($(this).hide());
   $('>li a', this).each(function()
   { 
 option=$(document.createElement('option')).appendTo(select).val(this.href).html($(this).html());
   });
   select.change(function(){
    //alert('url = ' + this.value );
    window.location.href = this.value;
  })
});

    testé travail démo sur les principaux navigateurs.

    Vous sir êtes un génie!
    Cela a parfaitement fonctionné! Une question cependant, si je relie à mon propre site, est-il possible d'avoir jquery reconnaître la page que je viens de liés à, et que l'un de l'option par défaut dans le menu select?
    pouvez-vous expliquer davantage?
    Assurez-vous, regardez pour un exemple: pastebin.com/VUczwRpF Si chaque page a la jquery url sélectionner est-il un moyen de le faire donc si je clique sur les "chats" pour éloigner les chats de montrer que l'option par défaut dans le jquery, sélectionnez menu quand il me prend pour les chats de la page? J'espère qu'un sens.
    hmmm essayer ce code à la place... jsfiddle.net/reigel/TWZrW

    OriginalL'auteur Reigel

  2. 1

    Cela devrait le faire: 

     $('ul#test').each(function()
    {
       var select=$(document.createElement('select')).insertBefore($(this).hide());
       $('>li a', this).each(function()
       { 
     option=$(document.createElement('option')).appendTo(select).val(this.href).html($(this).html());
     option.click(function(){window.location = $(this).val())});
       });
    });
    Merci! il wors de nouveau dans frefox, mais pas dans ie 6/7?

    OriginalL'auteur Luis

  3. 1

    ajouter un événement de changement à la création de la sélectionner et d'envoyer de l'utilisateur à la valeur sélectionnée.

    var select=$(document.createElement('select')).insertBefore($(this).hide()).change(function(){
  document.location.href = $(this).val();
});

    OriginalL'auteur Yisroel

  4. 1

    Donner à ceci un essai:

    $('ul#test').each(function()
{
   //also give the select an id
   var select = $(document.createElement('select')).attr('id', 'myselect').insertBefore($(this).hide());

   $('>li a', this).each(function()
   { 
     option=$(document.createElement('option')).appendTo(select).val(this.href).html($(this).html());
   });
});

    Maintenant pour la redirection....

    $(function(){
  $('#myselect').live('change', function(){
    document.location.href = $(this).val();
  });
});

    La live() méthode utilisée parce que votre boîte de sélection est créé de façon dynamique dans les DOM.

    Merci, fonctionne parfaitement sous firefox et opera, mais pas internet explorer 6,7 ou chrome?

    OriginalL'auteur Sarfraz

  5. 1
    <select name="dest" class="selec" onchange='document.location.href=this.options[this.selectedIndex].value;'>
    simple et utile, mais pour select>option uniquement 🙂

    OriginalL'auteur Homem Robô