Javascript Girl
  1. Javascript Girl
  3. Menu déroulant: ouvrez les liens dans un nouvel onglet + lien "Aller"
Intereting Posts
Débloquer le code GLSL dans le Web Cloner un objet js sauf pour une touche Comment puis-je chaîner une séquence de fonctions différées dans jQuery 1.8.x? Comment saisir le texte sélectionné d'iframe en utilisant le rangy? Afficher les éléments de la légende dans deux tableaux de colonnes TypeError: indéfini n'est pas une fonction dans Angular Resource Ember Data ne peut pas lire la propriété 'async' de undefined Créer un nouveau Doc dans Google Drive après traitement du fichier texte téléchargé Jquery ui autocomplete positionnement incorrect Comment décaler le texte visible dans un élément d'entrée étroit pour voir le curseur à la fin? Héritage prototypique – écriture Refroidissement DOM sur la fonction longue durée Comment utiliser jQuery pour obtenir des éléments avec le même index z? Limite de caractères textarea Limites de taille de stockage local … Quelles sont les options?

Menu déroulant: ouvrez les liens dans un nouvel onglet + lien "Aller"

Je souhaite avoir un menu déroulant et

  • Ouvrez les éléments sélectionnés dans un nouvel onglet
  • Inclure des liens externes comme options de sélection

Comment puis-je modifier le code suivant pour le faire fonctionner comme décrit ci-dessus? 

<form name="blah_blah"> <select name="ddmenu_name" id="ddmenu_name" style="width: 80% !important;"> <option value="first_option_name" selected>option display name</option> <option value="external link 1">1st link name</option> <option value="external link 2">2nd link name</option> </select> <input type="button" name="Submit" value="Go!" onClick="window.open(ddmenu_name.value,'newtab')"> </form>

Je vous remercie!

Vérifiez ce code 

 <html> <body> <form name="blah_blah"> <select name="ddmenu_name" id="ddmenu_name" style="width: 80% !important;"> <option value="" selected>Select Site</option> <option value="http://www.yahoo.com">Yahoo!!!</option> <option value="http://www.gmail.com">Gmail</option> <option value="http://www.google.co.in">Google</option> <option value="http://www.facebook.com">Facebook</option> </select> <input type="button" name="Submit" value="Go!" onClick="window.open(ddmenu_name.value,'newtab'+ddmenu_name.value)"> </form> </body> </html>

J'espère que c'est ce dont vous avez besoin …

Essaye ça:

HTML: 

 <form name="blah_blah"> <select name="ddmenu_name" id="ddmenu_name" style="width: 80% !important;"> <option value="first_option_name" selected>option display name</option> <option value="external link 1">1st link name</option> <option value="external link 2">2nd link name</option> </select> <input type="button" name="Submit" id="Submit" value="Go!"> </form>

JQuery: 

 $(document).ready(function(){ var Link = $('#ddmenu_name').val(); $('#Submit').click(function() { window.open(Link,'_blank'); }); });