How to get the HTML text instead of the value from the dropdownlist using jQuery

Question

I'm trying to get the innerHTML/Text from the select options from a dropdownlist instead of the value.

var Array = []; $('#select option').each(function(){Array.push(this.value)});

The method above works, but it only stores the value attribute of the options. For example, if my option were to be <option value="John">Hello</option>, It would store John instead of Hello. I want it to store whatever's in the innerHTML of the option. How do I go about doing this? .innerHTML() before the .each() doesn't work.

I would like to encourage you to change your variable name from Array to something else. Array is the name of the javascript class for all primitive arrays(Ref. developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…). I feel like naming your variable as such is a quick way to lead into unexpected errors. — Taplar
– Taplar, Commented Feb 28, 2018 at 18:12
Thank you for the information :), I just simplified the names to make it readable for stackoverflow. — xSketchy0
– xSketchy0, Commented Feb 28, 2018 at 18:13

Musa · Accepted Answer · 2018-02-28 18:08:27Z

4

.innerHTML inside the each

var Array = []; 
$('#select option').each(function(){
  Array.push(this.innerHTML);
});

answered Feb 28, 2018 at 18:08

Musa

97.9k17 gold badges123 silver badges144 bronze badges

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

Collectives™ on Stack Overflow

How to get the HTML text instead of the value from the dropdownlist using jQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related