What you do is use the “selected-selector” of jQuery to do it in a single line. This method inserts the specified content as the last child of the jQuery collection, thus adding the option to the select element. When you have a select box that needs to be populated using Ajax you will want to keep the first option as this is used as the empty value. using JQuery how to change text of select option? We can remove existing options (if any) and then add new options dynamically. Subscribe to FREE Newsletter for periodic updates! CSS Cleaner Minifier. The option tag is created like an HTML string, and the select box is selected with the jQuery selector. The change event executes the code when you change the select box option. CSS: CSS Generator, Bee Re: using JQuery how to change text of select option? In this tutorial, learn how to get text of selected dropdown using jQuery. The .val() method is primarily used to get the values of form elements such as input, select and textarea.When called on an empty collection, it returns undefined.. As such, it is desirable to know if the options of a select dropdown list can be changed or not. Form element manipulation using jQuery can be of immense help when working with forms. We can remove existing options (if any) and then add new options dynamically.