How to add options to a select element using jQuery?

In this article, we will understand how to add options to a select element at run time with various methods using jquery.

Following are the various examples of how to add options to a select element using jQuery?

Example 1:

Explanation:

In the above example, we created an example of how to add an element in jQuery at run time with the help of an Append the option tag to the select box.

Output:

Following is the output of this example.

After adding an element, the output is given below.

Example 2:

Explanation:

In the above example, we created an example of how to add an element in jQuery at run time with the help of an Option () constructor to create a new option.

Output:

Following is the output of this example.

After adding an element, the output is given below.

Example 3:

Explanation:

In the above example, we created an example of how to add an element in jQuery at run time with the help of a new jQuery DOM element created with the option tag.

Output:

Following is the output of this example.

After adding an element, the output is given below.