Html datalist open list onclick show list function

user_7713635 0
Viewed 4758

Hello I'm searching for a solution that open the option list of a datalist by click on a button.

<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>

Please refer to this fiddle link: http://jsfiddle.net/3zpco1xe/1/

[input][icon] -> icon show datalist options (function if you click into the input field)

Any solution for this?

datalist html javascript
3 Answers

Unfortunately there is no way to do that.

user_46349740

Please Click on the icon to show the list. Hope this will help you.

function showList(v)
{  
    document.getElementById('dd').value='';
}
<input value="" list="default" id="dd" onclick="showList(this.value)">


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

user_126560640

try this

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