How to open dropdown control(html) without mouse click and using pure javascript

Question

it is possible to open drop down list without mouse click and using pure JavaScript ?

Typically you want to include some example code of what you've tried and what isn't working. In the future, make sure you've given it a good-faith effort before asking a question. :) — elreimundo, Nov 17 '13 at 18:30

m59 · Answer 1 · 2013-11-17T18:48:05.680

1

This is assuming you mean a dropdown nav menu, not a <select>.

 <ul>
    <li><a>hover here</a>
      <ul>
        <li>Link 1</li>
        <li>Link 2</li>
        <li>Link 3</li>
        <li>Link 4</li>
      </ul>
    </li>
  </ul>

css:

ul li ul {
  display: none;
}

ul li:hover ul {
  display: block;
}

Live demo here (click).

edited Nov 17 '13 at 18:48

answered Nov 17 '13 at 18:28

m59

43,214
14
119
136

1

How is an unordered list a drop-down list? – Joe Simmons Nov 17 '13 at 18:31
@Joe Simmons, this is a common way to make "drop-down lists" using CSS, particularly for things like nav bars. – elreimundo Nov 17 '13 at 18:32
Does he mean "select". That question is terribly unclear, then. Dropdown menu's are made with lists (ul li) so...why shouldn't I expect this to be a good answer? – m59 Nov 17 '13 at 18:33
Ah, I see now that you edited the code. Not bad. – Joe Simmons Nov 17 '13 at 18:33

score 0 · Answer 2 · answered Nov 17 '13 at 18:30

0

Sorry, but is not possible. Best thing you could get is select a option from the list.

answered Nov 17 '13 at 18:30

Babblo

794
5
17

How to open dropdown control(html) without mouse click and using pure javascript

2 Answers2