Display A Select's Options Expanded by Default

Asked May 03 '16 at 00:25

Active May 03 '16 at 01:07

Viewed 34 times

This seems like it would be simple. I am trying to have a select show it's dropdown options by default by using css/js/jQuery to just have it display. I need to take a screenshot with it expanded - so hack away. I would think that something is injecting display block or what not.

And click it to expand is not an option.

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

https://jsfiddle.net/wkm2av0y/

edited May 03 '16 at 00:27

asked May 03 '16 at 00:25

RooksStrife

1,531
3
19
49

This may [help](http://jsfiddle.net/Davidicus/8SCVP/) – Kartikeya Khosla May 03 '16 at 00:29
1

or also [this](https://jsfiddle.net/wkm2av0y/2/) – Roko C. Buljan May 03 '16 at 00:30
@guest271314 It was just a quick comment with fiddle >> which source (since it's not a code of mine) is fairly pointed in the jsfiddle it-self. That demo uses plain JS, if you use jQuery you can use `.prop()` ofc. – Roko C. Buljan May 03 '16 at 01:14

Display A Select's Options Expanded by Default

0 Answers0