如何链接类别 <option>标签

Question

我想将类别链接到他们自己的页面。 所以我的意思是，当我单击“酒店”时，应该打开类别/酒店页面

这是当前代码

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

可以说我想这样链接

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

但是当我这样做时，它会指向此页面：

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

Answer 1

JSfiddle演示

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

Answer 2

您只需要使用带有http或https的完整域路径（如果它是安全服务器）

 <option value="http://www.website.com/event_cat/clubs/> Clubs </option>
 <option value="http://www.website.com/event_cat/hotels/> Hotels </option>

Answer 3

由于已经选择了第一个选项，因此，请按照以下代码将值保留为空并添加onchange：

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