在HTML中，
实现方法：
1.使用HTML5的autofocus属性
最简单的方法是使用HTML5的autofocus属性。这个属性能够在页面加载完毕后自动将焦点设置在指定的输入框、按钮或下拉列表等元素上。为了使
<select autofocus> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </select>
2.使用JavaScript代码
当我们需要在页面加载时展开
<select id="mySelect">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
<script>
document.getElementById('mySelect').size = document.getElementById('mySelect').length;
</script>以上代码通过将下拉列表的大小（size）设置为其选项个数（length），从而将其自动展开。当然，您也可以使用其他方法来实现相同的效果，例如设置options属性，或使用CSS样式等。
3.在特定条件下展开
有时候我们需要在指定条件下展开
<select id="mySelect">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
<script>
document.getElementById('mySelect').addEventListener('click', function() {
this.size = this.length;
});
</script>以上代码通过addEventListener()方法监听
注意事项：
虽然使用JavaScript代码能够方便地实现
