如何使用jQuery设置表单数据

Question

我正在使用serializeArray()函数正确获取表单数据，但我不知道如何更改此数据的对象，即= default_values

这是我的JavaScript：

$(document).on( 'click', '.anyicon-reset-button', function() {
     console.log($('#anyicon-live-style-form').serializeArray());
     console.log(default_values);
});

我想从序列化数组中删除数据，即

并设置default_values对象中的数据：

欢迎任何想法！

Answer 1

您可以使用.split()和$.each jQuery.each()。

您可以尝试将以下代码放入点击事件处理程序中：

var inputs = $('#anyicon-live-style-form [name]');

// it would change the inputs in the form    
$.each(inputs, function(i, input){
    var split = $(input).attr('name').split('_')[1];
    $(input).val(default_values[split]);
})

//serializing again would give you reset data
$('#anyicon-live-style-form').serializeArray()


// if you only want to update the data of serializeArray 
// and don't show the change in the input, you can just run the following code

var ser = $('#anyicon-live-style-form').serializeArray();
$.each(ser, function(i, s){
    var split = s.name.split('_')[1];
    s.value = default_values[split];
});