JavaScript - Force select element to dropdown?

Question

How can I force the select element to dropdown using Javascript? Is it possible?

<select id="MiamiPlayers"> <option value="0">Bosh</option> <option value="1">Wade</option> <option value="2">LeBron</option> </select> <input type="button" onclick="Show()" /> <script type="text/javascript"> function Show() { //force the select to dropdown... } </script>

Thanks in advance!

Possible duplicate of How can you programmatically tell an HTML SELECT to drop down (for example, due to mouseover)? — Vadzim
– Vadzim, Commented Dec 8, 2016 at 12:50

Petah · Accepted Answer · 2011-06-02 05:37:28Z

5

You can't open the drop down, but you can do something like this:

document.getElementById('MiamiPlayers').setAttribute('size', 3);

See http://jsfiddle.net/MdCBB/

answered Jun 2, 2011 at 5:37

Petah

46.2k30 gold badges161 silver badges216 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Web_Designer Over a year ago

Yes, it's to bad you can't open the drop down though.

Community · Accepted Answer · 2017-05-23 12:00:25Z

2

See Display DropDown options on Focus

edited May 23, 2017 at 12:00

CommunityBot

11 silver badge

answered Jun 2, 2011 at 5:33

ari

2951 gold badge4 silver badges15 bronze badges

Comments

Dinash · Accepted Answer · 2011-06-02 05:34:01Z

0

var select = document.getElementById(id); select.size = select.options.length;

where id is the id of the your select box...

answered Jun 2, 2011 at 5:34

Dinash

3,0474 gold badges34 silver badges46 bronze badges

10 Comments

Jorge Fuentes González Over a year ago

That's converting a dropdown to a list. Useless in most cases.

BairDev Over a year ago

@JorgeFuentesGonzález Could you provide a better solution for OP's task?

Jorge Fuentes González Over a year ago

@malte Actually Petah answer is the correct one, as it states "You can't open the drop down, but...". Needless to add the same answer again. If you need to open it so badly, then you need to create your own select widget or use one of many existent around the Internet.

BairDev Over a year ago

@JorgeFuentesGonzález fair enough. There are seemingly different opinions regarding that matter.

Jorge Fuentes González Over a year ago

@malte Those are completely different answers talking about attributes... are you kidding me? xD The question is "Can I open a dropdown?" and "Convert the dropdown to a list" is obviously not a correct answer. That's a workaround to an unsolvable problem, but not an answer. There are important differences between a list and a dropdown... Mostly the vertical height.

|

Collectives™ on Stack Overflow

JavaScript - Force select element to dropdown?

3 Answers 3

1 Comment

Comments

10 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

10 Comments

Linked

Related