Javascript: Array elements into select box as option

Question

I have an array, i want each value inside the array to be displayed in a input select box as an option. This is what i have tried myself:

<select>
<script language="javascript" type="text/javascript"> 

var cars = ["Saab", "Volvo", "BMW"];

for(cars)
{
    document.write("<option>"cars"</option>");
}
</script>
</select>

- <script> should not be child of <select> - for-loop has some different syntax than what you have tried - Search for appendChild or innerHTML than document.write — Rayon
– Rayon, Commented Nov 9, 2016 at 10:54
Have you done any research? There's a million websites out there that can help you with this. — evolutionxbox
– evolutionxbox, Commented Nov 9, 2016 at 10:54

Punit Gajjar · Accepted Answer · 2016-11-09 11:01:18Z

2

with this javascript it should be like this

<select id="MySelectBox">
</select>

<script language="javascript" type="text/javascript"> 

var cars = ["Saab", "Volvo", "BMW"];

for (i=0; i<cars.length; i++) {
        option+= "<option value='"+cars[i]+"'>"+cars[i]+"</option>";
}
document.getElementById("MySelectBox").html= option;

</script>

edited Nov 9, 2016 at 11:01

answered Nov 9, 2016 at 10:57

Punit Gajjar

5,0077 gold badges39 silver badges73 bronze badges

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

Comments

Özgür Ersil · Accepted Answer · 2016-11-09 10:56:12Z

1

you can make it with for loop easily

<script language="javascript" type="text/javascript"> 

var cars = ["Saab", "Volvo", "BMW"];

for(var i=0;i<cars.length;i++)
{
    var diVContent = '<option>'+cars[i]+'</option>';
    document.write(diVContent);
}
</script>

answered Nov 9, 2016 at 10:56

Özgür Ersil

7,0133 gold badges21 silver badges30 bronze badges

2 Comments

Kevin.a Over a year ago

what does i<cars.length; do just curious the script is working btw thanks, will accept in a bit

Özgür Ersil Over a year ago

it is a lentgth of your array, to get each element , you need to loop over all elements

Azeez Kallayi · Accepted Answer · 2016-11-09 11:10:12Z

0

You can use the below code and try:

<script language="javascript" type="text/javascript"> 

 var cars = ["Saab", "Volvo", "BMW"];
 var select_c = '<select>';
 for(var i=0;i<cars.length;i++)
 {
     select_c += '<option>'+cars[i]+'</option>';

 }
 select_c += '</select>';
 document.write(select_c);
</script>

You can see the fiddle here: Demo

edited Nov 9, 2016 at 11:10

answered Nov 9, 2016 at 11:02

Azeez Kallayi

2,6421 gold badge17 silver badges19 bronze badges

Collectives™ on Stack Overflow

Javascript: Array elements into select box as option

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related