javascript - 使用 Jquery 将保存的变量数据添加到编辑表单

Question

我使用 jquery 将以下 html 表单保存到以下 Javascript 变量中...

<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);
    }; 
});

我希望能够使用 Jquery 在页面底部重新填充另一个类似的表单，其中填充了用于编辑目的的变量数据，但我不清楚如何使用 Jquery 执行此操作。我认为可以通过调用 .html 和appendTo 将变量值附加到我的新表单中，但仍然遇到麻烦。任何见解都非常感激。

谢谢!

Answer 1

使用类选择器代替 id 和简单

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