How build a list dynamically and pass/save user selected values from an HTML form to server?

Question

I think in this case I need to write a client side script that onpageload/onchange gets options from server & builds a list dynamically. & stores new options to server via some JavaScript script. I will prefer to save user input in a file on server. I will be very thankful for any help.

Answer 1

Here is the stack we use for our web app and that works more or less the way you describe:

1. the user load an HTML page
2. the page make an ajax call and get the options as a JSON(either it exists already in the database, or a new option set is generated)
3. the json is rendered using a JS templating engine (PURE in our case)
4. the user change something
5. the same JSON is modified and sent by a POST to the server
6. the server read that JSON and store it in the database(you would write the data to your file). And then go back to the step 4, to wait for another user change.