制作一个将您带到另一个页面的<select>框时出现的问题

Question

嘿，伙计们，所以我正试着用这些盒子创建一个快速搜索。我想我可以只放一些标签，但不起作用，所以我想知道我将如何去做这个？

下面是我的代码：

<div id="advancesearch">

                <div class="audio-quicksearch">
                    <select>
                    <a href="/mics"><option value="Microphones">Microphones</option></a>
                     <option value=""></option>
                    <option value=""></option>
                    <option value=""></option>
                    </select>
                </div>

            </div><!-- END #advancesearch -->

Answer 1

为什么不使用JavaScript window.location

<div id="advancesearch">
    <div class="audio-quicksearch">
          <select>
             <option value="Microphones" onclick="window.location='http://www.google.com'">Microphones</option>
             <option value=""></option>
             <option value=""></option>
             <option value=""></option>
           </select>
      </div>
 </div>

或者创建一个函数

<div id="advancesearch">
   <div class="audio-quicksearch">
         <select>
            <option></option>
            <option value="Microphones" onclick="redirect_me('http://www.google.com');">Microphones</option>
            <option value=""></option>
            <option value=""></option>
            <option value=""></option>
          </select>
     </div>
</div>
<script>
   function redirect_me(re_link) {
   window.location = re_link;
   }
</script>