Javascript 如何显示自动展开的下拉列表，以便在加载页面时显示所有选项
我需要在加载时显示最初扩展的下拉列表（HTML选择元素），以便显示下拉列表中的所有选项。我搜索了不少，但令人惊讶的是，我没有找到这样一个简单问题的答案。我将ASP.NET MVC与jquery一起使用。这里有一个小mashup（需要调整和优化），但应该让您开始：Javascript 如何显示自动展开的下拉列表，以便在加载页面时显示所有选项,javascript,jquery,html,Javascript,Jquery,Html,我需要在加载时显示最初扩展的下拉列表（HTML选择元素），以便显示下拉列表中的所有选项。我搜索了不少，但令人惊讶的是，我没有找到这样一个简单问题的答案。我将ASP.NET MVC与jquery一起使用。这里有一个小mashup（需要调整和优化），但应该让您开始： <div style="position:relative"> <select style="position: absolute"> <option>option 1<
<div style="position:relative">
<select style="position: absolute">
<option>option 1</option>
<option>option 2</option>
<option>option 3</option>
<option>option 4</option>
<option>option 5</option>
</select>
</div>
<script type="text/javascript">
$(document).ready(function() {
$("select").one("focus", function() {
this.size = this.options.length;
}).one("click", function() {
this.size = 1;
}).one("blur", function() {
this.size = this.options.length;
}).focus();
});
</script>
选择1
选择2
选择3
选择4
备选案文5
$（文档）.ready（函数（）{
$（“选择”）.one（“焦点”，函数（）{
this.size=this.options.length；
}).1（“单击”，函数（）{
这个尺寸=1；
}).1（“模糊”，函数（）{
this.size=this.options.length；
}).focus（）；
});
<select size="3" name="test" id="test">
<option value="1">one</option>
<option value="2">two</option>
<option value="3">three</option>
</select>
一
二
三
<script type="text/javascript">
window.setTimeout(function() { document.getElementById('test').size = 1; }, 5000); //5000 = 5 seconds
</script>
setTimeout（函数（）{document.getElementById（'test'）.size=1；}，5000）//5000=5秒
<html>
<select id="abc">
<option>option 1</option>
<option>option 2</option>
<option>option 3</option>
<option>option 4</option>
<option>option 5</option>
</select>
</html>
选择1
选择2
选择3
选择4
备选案文5
<script type="text/javascript">
$(document).ready(function() {
var dropdown = document.getElementById("abc");
var event;
event = document.createEvent('MouseEvents');
event.initMouseEvent('mousedown', true, true, window);
dropdown.dispatchEvent(event);
});
</script>
$（文档）.ready（函数（）{
var下拉列表=document.getElementById（“abc”）；
var事件；
event=document.createEvent（'MouseEvents'）；
initMouseEvent（'mousedown'，true，true，window）；
下拉列表。dispatchEvent（事件）；
});
blurone