Adding saved variable data to an edit form with Jquery

Question

I have the following html form saved to the following Javascript variables using jquery...

<form>
<input id="name" type="text" placeholder="Name">
<input id="phone" type="text" placeholder="Phone Number">
<input id="email" type="text" placeholder="E-mail">
<input id="image" type="text" placeholder="Image URL">
<button id="submit">Submit</button>

$('input').keypress(function(e){
    if(e.which == 13){
        e.preventDefault();
        var name = $('#name').val();
        var phone = $('#phone').val();
        var email = $('#email').val();
        var image = $('#image').val();
        addContact(name,phone,email,image);
    }; 
});

I'd like to be able to repopulate another similar form with the variable data populated for editing purposes at the bottom of my page using Jquery, but I am unclear on how to do so using Jquery. I thought could append the variable values to my new form by calling .html and appendTo, but continue to run into trouble. Any insight is much appreciated.

Thanks!

use class selector's instead of id's and simple $('.selector').val($('.selector').val()); — Ravinder Gujiri
– Ravinder Gujiri, Commented May 20, 2014 at 5:09

Ravinder Gujiri · Accepted Answer · 2014-05-20 05:11:20Z

1

use class selector's instead of id's and simple

$('.selector').val($('.selector').val());

answered May 20, 2014 at 5:11

Ravinder Gujiri

1,52410 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

Adding saved variable data to an edit form with Jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related