重点后展开下拉列表

Question

我正在创建一个数据输入ASP.net表单，并且当用户选项卡进入Dropdownlist时，我希望dropdownlist控件能够扩展而无需单击它。然后，用户可以使用箭头键并选择一个项目然后选项卡，下拉列表可以恢复为默认视图。有没有办法实现这个？我尝试在文本框上使用Dropdown扩展程序，但它不能正常工作。

Answer 1

在onfocus下拉事件中调用此函数。

function expand() {
    var dropdown = document.getElementById('ddl');
    var event;
    event = document.createEvent('MouseEvents');
    event.initMouseEvent('mousedown', true, true, window);
    dropdown.dispatchEvent(event);
}

考虑你的HTML

<select id="ddl" onfocus="expand()">
<option value="0">Select</option>
<option value="1">AAAA</option>
<option value="2">BBBBB</option>
</select>

Fiddle

Answer 2

假设您有一个名为'ddlTest'的下拉列表，请尝试以下操作：

@media only screen and (min-width: 1224px)
.cms-customized-mobile-cases #header {
    margin: 0 auto;
    width: 1000px;
}