How update dropdown data from a form ?

[majid nakit]

Hi,

I have a table in a database Table1(ID, name, status), I want when the page load, a form appear with a dropdown ,a text field, and a submit button.
the dropdown got populated from server side with data (<option value="ID">name</option>) .
want when the user select a name from the dropdown, the name will be copied in the text field, after changing the name and pressing the submit button, the table in the DB will be submitted, and the drop down will show new data.

the server side is easy (java servlet, rest or a struts action), it will be a URL in ajax in the front end.

please help me writing the js or jquery to achieve this.
Thanks

[Jeanne Boyarsky]

want when the user select a name from the dropdown, the name will be copied in the text field, after changing the name and pressing the submit button, the table in the DB will be submitted, and the drop down will show new data.

Start small. Can you write an event listener that alerts the name that was selected? Can you write it to the test field?

Show specifically what you got stuck on.

[Kumar Barun]

Hello majid nakit, I will not write code for you but I want to show you the steps you can follow.

Steps
1. Bind an event handler to the "change" event on the dropdown,
2. Your event handler has to get the selected data from dropdown and assign it to the text box, and
3. Finally make ajax call to update and fetch data from the DB.