how to insert data in array inside form input elements

Question

I have an array and it has some data in it. This array contains id, firstname, lastname, email, phone. I also have five form input elements. Now I want to add data in array in these elements. For example, ID should be inserted in ID form field, name should be inserted in name input element etc. how can I achieve this?

here is my code

insert_data_in_form: function(data) {
    var form = $("#dataform");
    var form_arr = new Array();

    form.each(function(i) {
        var form_el = form.children("input[type='textfield']");
        form_arr.push(form_el);
        console.log(data.length);
        //for(var j = 0; j < 5; j++) {
            form_el.val(data[i]);
        //}
    });
}

Prasenjit Kumar Nag · Accepted Answer · 2012-06-19 10:10:22Z

2

If the values in data array are in the same order as they are in the form then you can do this

insert_data_in_form: function(data) {
    var formElems = $("#dataform input[type='text']");
    formElems.each(function(i,elem) {
        $(this).val(data[i]);
        // or even better use the following faster way 
        // if they are always text boxes
        // this.value = data[i];
    });
}

Demo: http://jsfiddle.net/joycse06/AJhEW/

UPDATE (Alternate Way):

You can also achieve this using Implicit Looping with this .val(function(index,val) variant of the .val() function like this

var insert_data_in_form =  function(data) {
    var formElems = $("#dataform input[type='text']");
    formElems.val(function(i) {
       return data[i];
    });
};

Demo: http://jsfiddle.net/joycse06/AJhEW/2/

edited Jun 19, 2012 at 10:10

answered Jun 19, 2012 at 9:34

Prasenjit Kumar Nag

13.5k3 gold badges47 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jānis · Accepted Answer · 2012-06-19 09:34:36Z

0

el -> arr:

form_arr[form_el.attr('name')] = form_el.val();

arr -> el:

form_el.val(form_arr[form_el.attr('name')]);

answered Jun 19, 2012 at 9:34

Jānis

3282 silver badges5 bronze badges

Collectives™ on Stack Overflow

how to insert data in array inside form input elements

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related