当单击一个按钮使输入元素成为焦点时,我试图自动向用户显示datalist

html5元素的所有选项.通常,当用户单击两次关联的文本输入元素时,将显示所有选项.我想以编程方式模拟此行为,以便用户可以在开始键入之前查看所有选项.

我尝试通过使用$(‘#text-input’)获得焦点来模拟点击和双击.focus(); (这个工作),然后使用jquery .click()(一次和两次),.dblclick(),. turigger(‘click’),甚至使用jquery.simulate.js.所有这些都会触发$(‘#text-input’).click(function(){…});但实际上并不影响浏览器中可见输入元素的状态.

这是我的HTML：

我的代码与dblclick尝试：

(function($) {

$(document).ready(function() {

var textInput = $('#text-input');

textInput.dblclick(function() {

alert('Handler for .dblclick() called.');

});

$('#mic-button').click(function() {

textInput.focus();

// list all the options by tricking the datalist

// to think the user double clicked on it

textInput.dblclick();

});

})(jQuery);