2016-06-28 12 views
0

Je veux lier des catégories à leurs propres pages. donc je veux dire quand je clique pour « Hôtels » il devrait ouvrir la page qui est Catégorie/Hôtelscomment lier la catégorie <option> étiquettes

enter image description here

c'est le code actuel

<select name="category"> 
    <option value="">Any Category</option> 
    <option value="clubs">Clubs</option></a> 
    <option value="hotels">Hotels</option> 
    <option value="pubbar">Pub&amp;Bar</option> 
    <option value="restaurants">Restaurants</option> 
</select> 

permet de dire que je veux créer un lien comme ça

<option value="www.website.com/event_cat/clubs/> Clubs </option> 
    <option value="www.website.com/event_cat/hotels/> Hotels </option> 
.. and so on 

mais quand je le fais, la direction de cette page:

www.website.com/events/?time=&category=%2Fevent_cat%2Fclubs%2F&location= 

Répondre

1

JSfiddle Demo

<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> 
+0

Merci, cela a fonctionné, mais comment puis-je ouvrir le lien dans le même onglet?

0

Puisque vous avez la première option déjà sélectionnée, dans la première option, conserver la valeur vide et ajouter le onchange, selon le code ci-dessous:

<select onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);"> 
    <option value="">Any Category</option> 
    <option value="www.website.com/event_cat/clubs/">Clubs</option> 
    <option value="www.website.com/event_cat/hotels/">Hotels</option> 
    <option value="pubbar">Pub&amp;Bar</option> 
    <option value="restaurants">Restaurants</option> 
</select> 
1

Vous venez avoir à utiliser le chemin de domaine complet avec http ou https (si c'est un serveur sécurisé)