Aller au contenu principal
loading

Transformer une liste <ul> en select list <select>

POSTÉ DANS jQuery TAGS jQuery AUTEUR herve COMMENTAIRES 5

Vous voulez transformer une liste <ul> en select list <select> pour un meilleur rendu, notamment sur une version web mobile, voilà la fonction.

$('ul').each(function(){
  var list = $(this);
  var select = $('<select>').insertBefore($(this).hide());
  $('>li a', this).each(function(){
    var target = $(this).attr('target');
    var option = $('<option>')
      .appendTo(select)
      .val(this.href)
      .html($(this).html())
      .click(function(){
        if (target==='_blank'){
          window.open($(this).val());
        }
        else{
          window.location.href=$(this).val();
        }
      });
  });
  list.remove();
});



5 commentaire