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教程，了解下拉菜单。

Answer 2

参考这个，可以从中得到一些想法 How do I add options to a DropDownList using jQuery?