Tryit Editor v2.3

Edit This Code:
<!DOCTYPE html> <html> <body> <form> <select id="mySelect" size="8"> <option>Apple</option> <option>Pear</option> <option>Banana</option> <option>Orange</option> </select> </form> <br> <p>Click the button to add a "Kiwi" option at the index position "2" of the dropdown list (before "Banana").</p> <button type="button" onclick="myFunction()">Insert option</button> <script> function myFunction() { var x = document.getElementById("mySelect"); var option = document.createElement("option"); option.text = "Kiwi"; x.add(option, x[2]); } </script> </body> <!-- Mirrored from www.w3schools.com/jsref/tryit.asp?filename=tryjsref_select_add3 by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 23 Jan 2015 08:34:58 GMT --> </html>
Result:
Try it Yourself - © w3schools.com