Html datalist открыть список onclick Показать список функций

Question

Здравствуйте. Я ищу решение, которое открывает список параметров списка данных, нажав на кнопку.

<input value="" list="default">
<i class="fa fa-caret-down innerinput" onclick="showList();"></i>

<datalist id="default">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

Пожалуйста, обратитесь к этой ссылке скрипта: http://jsfiddle.net/3zpco1xe/1/

[input] [icon] -> icon показать опции списка данных (функция, если вы щелкнете по полю ввода)

Есть ли какое-либо решение для этого?

Answer 1

Общая идея для достижения этой цели заключается в том, что мы можем программно (вручную) инициировать событие фокуса HTML или событие key up для того элемента ввода, который связан с этим списком данных.

Вот надежное решение.

Запуск раскрывающегося списка исходных данных html5 для отображения

Answer 2

попробуйте

function showList(){
    cat = document.getElementById("default");
    cat.style.display = "block";
}