javascript - Saving user input in jQuery? -

$(document).ready(function () {     var usersites = newarray();     var max_fields = 100; //maximum input boxes allowed      var wrapper = $(".input_fields_wrap"); //fields wrapper     var add_button = $(".add_field_button"); //add button id      var x = 5; //initial text box count     $(add_button).click(function (e) { //on add input button click         e.preventdefault();         if (x < max_fields) {             x++; //text box increment             $(wrapper).append('<div><input type="text" name ="mytext[]"/><a href="#" class="remove_field">remove</a></div>'); //add input box         }     });     $(wrapper).on("click", ".remove_field", function (e) { //user click on remove text         e.preventdefault();         $(this).parent('div').remove();         x--;     }) }); 

i have code, because want have lot of user inputs. however, once user inputs stuff, how save array? possible? want save array can access java applet, possible well?

however, user has input stuff, how save array? possible? want save array can access java applet?

when form submitted, event handler, collectdata gathers text in each <input> , uses push method populate array. array stored in hidden <input> , data extracted form posts server.

i don't know java applets got far. suggest ask java in new question. tags of javascript/jquery nature.

my demo functions test server once submitted, server respond data posted it.

this works: http://plnkr.co/edit/sed0l3oi7dtnxqrrfzpl?p=preview

added code

  form.addeventlistener('submit', collectdata, false);    function collectdata(e) {     var usersites = [];     var cache = document.getelementbyid('cache');     var z = 0;     while (z < max_fields) {       z++;       var data = inputs[z].val();       usersites.push(data);     }      e.stoppropagation();     cache.value = usersites;   }  });