How can I add or remove option dynamically on the select element using jQuery
Using the following snippet, you can do the following and related tasks of adding default options or working with elements that are created dynamically at the client side
- How to add default option to select
- How to manipulate elements that are created on the fly
The prepend function on the selected element would put the given element on top of the list – there is also an append version of it
It would be difficult to access the elements that are created on the fly/dynamically with jQuery without the use of live() – it binds the given click event to newly created elements.
Finally, when we delete, we want to delete the the paragraph as the whole that contains the anchor. Most of the time we want to do it with in the div tag.
In this case the anchor (a) is a child of the paragraph (p) – that is where the
.parent().remove() would come to play.