javascript - 如何自动填写我的表单，就像我们通过serialize()获取值一样？

Question

就像jquery函数serialize()一样，我们可以获取表单的所有值，如何将所有值设置为表单？

function getAllValue(){
    document.write($("#test").serialize());
}

function setAllValue(){
    var all_values = [{name:"input1",value:"test1"},{name:"input2",value:"test2"},{name:"input3",value:"test3"}];
    $.map(all_values,function(input) {
        $("input[name='"+input.name+"']").val(input.value);
    });
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="test">
  <input type="text" name="input1">
  <input type="text" name="input2">
  <input type="text" name="input3">
  <input type="button" onClick="getAllValue();" value="Get All Value">
  <input type="button" onClick="setAllValue();" value="Set All Value">
</form>

或者这也是我现在正在做的一个很好的解决方案。请提出建议。

Answer 1

如果您想要更通用的东西，即使您不知道表单将有什么输入也可以使用它，您可以使用:

var inputsNamesArray = $("#test").serialize().replace(/\=[^\=\&]*/g,"").split("&");
$.each(inputsNamesArray, function(key,val){
    $("#test input[name="+val+"]").val("placeholder");
});