How to create an array from a select list's text using jQuery?

Question

Hey guys i bet this is an easy question but cant seem to find any help online, i have a select List box and i would like to get each list text and split them up into an array of how big the list box is without the user selecting the value. Right now my list box makes random values so the list can go up to 100

Example

<select id="selectBox">

   <option value="1">Select One</option>    <--- I want just the text to input into array
   <option vaue="2">Select Two</option>

</select>

Could you give an example with some code? I'm not sure what you mean when you say "list text" and "how big the list box is". Split them up by what? — Kerry Jones
– Kerry Jones, Commented May 20, 2010 at 18:54

John Hartsock · Accepted Answer · 2010-05-20 18:55:24Z

4

There is already that functionality in the HTML Dom

Here is a referencing link for the HTML Dom SelectElement Options http://www.w3schools.com/jsref/coll_select_options.asp

var myoptions = $("#mySelectElementid")[0].options;

from here you can do the following

myoptions.length;
myoptions[0].value;
myoptions[0].text;

answered May 20, 2010 at 18:55

John Hartsock

87.1k23 gold badges135 silver badges146 bronze badges

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

Comments

DaveS · Accepted Answer · 2010-05-20 19:12:20Z

4

Use the DOM to get at them:

var options = document.getElementById("selectBox");
var optArray = [];
for (var i = 0; i < options.length; i++) {
    optArray.push(options[i].text);
}
// now optArray has all the text elements from the option tags.

answered May 20, 2010 at 19:12

DaveS

3,2941 gold badge23 silver badges33 bronze badges

Collectives™ on Stack Overflow

How to create an array from a select list's text using jQuery?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related