jquery/css 将列表更改为下拉列表

Question

代码如下:

<div id="TBRefineHead">
<h3>By&nbsp;Location</h3>
<ul>
<li><span class="refineDet"><a href="Search.aspx?ModuleID=643&amp;keywords=test&amp;multiSite=False&amp;Tax=41">Australia wide&nbsp;(1)</a></span></li>
<li><span class="refineDet"><a href="Search.aspx?    ModuleID=643&amp;keywords=test&amp;multiSite=False&amp;Tax=27">Location&nbsp;(1)</a></span></li>
</ul>
<h3>By&nbsp;Subject Matter</h3>
<ul>
<li><span class="refineDet"><a href="Search.aspx?ModuleID=643&amp;keywords=test&amp;multiSite=False&amp;Tax=17">Air Quality&nbsp;(1)</a></span></li>
</ul>
</div>

有没有办法把它们做成两个下拉选择列表？

<select>
<option></option>
<option></option>
<option></option>
<option></option>
<option></option>
</select>

Answer 1

使用 CSS。看看this制作下拉菜单的教程。