是否可以在 html 中有一个带有标签的常规列表<select>？

Question

我已经看到了，标签总是创建一个下拉列表。然而，我正在尝试有一个常规的列表，一个可以由<ul><li></li></ul>创建的列表。我试过这个：

<select>
<ul> 
<option><li>a </li></option>
<option><li>b</li></option>
<option><li>b</li></option>
</ul>
</select>

然而，我没有看到任何结果。有人能提个建议吗？

Answer 1

将代码保存在html文件中并实时测试链接

<div class="comboBox" id="combo">
	<select class="selec" id="select" onchange="window.location=this.options[this.selectedIndex].value">
		<option value=""><ol><li>Choose site<li><ol/></option>
	<option value="https://www.google.com/"><ol><li>google<li><ol/></option>
	<option value="https://www.facebook.com"><ol><li>FACEBOOK<li><ol/></option>
	<option value="https://www.youtube.com/"><ol><li>YOUTUBE<li><ol/></option>
	</select>
</div>

Answer 2

我认为多行选择会做你想做的事。将size属性添加到select中。请参阅以下片段：

ul {
list-style:none;
}

Default select style: <br>
<select>
<option value="a">option a</option>
<option value="b">option b</option>
<option value="c">option c</option>
</select>
<br/>
<hr>
Multiline select style:<br>
<select size="3">
<option value="a">option a</option>
<option value="b">option b</option>
<option value="c">option c</option>
</select>
<br/>
<hr>
Using ul/li + Radio options:
<ul>
<li><input type="radio" name="optionset" value="a">option a</li>
<li><input type="radio" name="optionset" value="b">option b</li>
<li><input type="radio" name="optionset" value="c">option c</li>
</ul>