Onchange ouvert URL via select – jQuery

Quelle serait la meilleure façon d’attacher un événement de manière à modifier une option sélectionnée? Stockez le href dans un attr et prenez-le sur le changement?

C’est assez simple, voyons un exemple de travail:

  
 $(function() { // bind change event to select $('#dynamic_select').on('change', function() { var url = $(this).val(); // get selected value if (url) { // require a URL window.location = url; // redirect } return false; }); }); 
   

Je pense que c’est le moyen le plus simple:

  

Désolé, mais il y a beaucoup de codage en cours ici …

Je vais vous donner le plus simple gratuitement. Je l’ai inventé en 2005, bien que la source javascript indique maintenant que c’est son personnel qui l’a inventé – plus d’un an plus tard!

En tout cas, la voici, pas de javascript !!!

   

Il vous suffit de taper l’URL de votre choix ou une URL relative (à l’emplacement des pages sur le serveur), cela fonctionnera toujours.

Vous pouvez utiliser cet extrait de code simple en utilisant jQuery pour redirect depuis un menu déroulant.

   

JS Fiddle Example

 $('#userNav').change(function() { window.location = $(':selected',this).attr('href') });  

Cela fonctionne pour le href dans une option qui est sélectionnée

Voici comment je le ferais

  

Autrement:

    
  //for javascript function _name(value,rel) { alert(value+"-"+rel); } 

Si vous ne voulez pas que l’URL le mette sur la valeur de l’option, je vais vous donner un exemple:

  $("select").bind('change',function(){ alert($(':selected',this).attr('href')); }) 

Essayez ce code, il fonctionne parfaitement

   
 **redirect on change option with jquery**   

Essayez ce code son fonctionnement Firefox, Chrome, IE