how to display options of select tag

Asked Jul 04 '18 at 08:15

Active Jul 04 '18 at 08:15

Viewed 45 times

I am trying to display all options in my select tag when the user focus on the field or when my page is loaded:

here's my code

<select id='idSelect' autofocus>
     <option value='val1'>1</option>
     <option value='val2'>2</option>
     <option value='val1'>3</option>
</select>

I used the "autofocus" attribute but it does not work and then i tried to do in my javascript code like this

 document.getElementById('idSelect').autofocus = true;

any help would be appreciated.

asked Jul 04 '18 at 08:15

Wejd DAGHFOUS

1,110
7
13

But it _does_ work with `autofocus` ... or you mean it should _open_ the select and show _all_ options? – Asons Jul 04 '18 at 08:18
yes i would like to open the select and display all options – Wejd DAGHFOUS Jul 04 '18 at 08:21
using document.getElementById('idSelect').focus(); will focus on your select box but it does not mean it will expand the select box – Khan Shahrukh Jul 04 '18 at 08:21
Well, that is not possible – Asons Jul 04 '18 at 08:21
thx @khanShahrukh. is there any way to expand the select box automatically ? – Wejd DAGHFOUS Jul 04 '18 at 08:22

how to display options of select tag

0 Answers0