Reload Dropdown list without refresing page

[arnoldporche]

How can I execute this:

From the dropdown list build up from mysql database (say a list of fruits).

I select "Add New Fruit". This triggers it to either have a modal form to add new fruit or a table form.

Once submitted, Select dropdown list RELOADS including the newly added data (fruit) without reloading the whole page which contains other form control such as textbox.

[niranga]

You can repopulate the combo box using Ajax or you can add new option element manually like follows:

yourSelectElement.options[yourSelectElement.length] = new Option('yourFruitText', 'yourFruitValue');