How to add a new Select Box option after the second option in the Select Box using JQuery

Written by Ian Carnaghan · 18 sec read >
<select id="options">
 <option>Option 1</option>
 <option>Option 2</option>
 <option>Option 3</option>

If you want to add a new option under Option 1, you would need to use the JQuery after function as example below

$("#options option:first").after("<option>New second option</option>");

The above will find the first option and then add the second option under the first option withing the select element with id options

Last Updated On March 21, 2018
Written by Ian Carnaghan
I am a software developer and online educator who likes to keep up with all the latest in technology. I also manage cloud infrastructure, continuous monitoring, DevOps processes, security, and continuous integration and deployment. Profile

Leave a Reply

Notify of