How do you populate the 'select box' using an array?

[patelxxx]

Currently my code looks like this?

<select Name=loc>
<option Name=Eng value ="England">England</option>
<option Name=Sco value ="Scotland">Scotland</option>
<option Name=Wal value ="Wales">Wales</option>
<option Name=Ire value ="Ireland">Ireland</option>
</select>

Cheers

[acoder]

Use the select element's add method.

Loop through the array using a for loop.

[patelxxx]

Acoder,

Sorry mate I didn't understand the add(), Can you start me start or give me another example, again what I'm trying to do is:

use a javascript array to populate the select list box, making the first element 'Select...

Many Thanks

[acoder]

Acoder,

Sorry mate I didn't understand the add(), Can you start me start or give me another example

What do you not understand about the example? It's a very simple example which creates an option element, sets the text to 'Kiwi' (though should set the value too) and then adds to the select element.

Give it a try by copying and modifying the code. If you get stuck, post the problem code here.

[patelxxx]

That example was fine, however how would I populate the list using 'Loops'.

Cheers

[acoder]

That example was fine, however how would I populate the list using 'Loops'.

Cheers

Put the code in insertOption into a 'for' loop. Loop over the array and replace 'Kiwi' with the indexed array value:

for (i = 0; i < arr.length; i++) {
...
y.text = arr[i];
...
}

[patelxxx]

Thank you mate got this working now.

[acoder]

Thank you mate got this working now.

No problem, you're welcome.