通过js动态生成对象，并给对象赋值

关注

原创最新推荐文章于 2026-03-06 04:32:50 发布 3.6k 阅读 AI 写同款· GEO 优化 ›

JS针对动态增加表格的INPUT取值、赋值与传参的研究 JS针对动态增加表格的INPUT取值、赋值与传参的研究第一部分，知识点总结：innerhtmlinsertROWclonepush();alert();document.write();fous();H5的dataformAttribute('');AJAX的data:$('#form1').serialize()JQUERY的var form = $("form[name=gagForm]");深拷贝与浅拷贝第二部分，数组的拆分、赋值与传参第一部分，知识点总结：上一节我们回顾了用innerHTML() 阅读详情

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<script   src="http://code.jquery.com/jquery-1.11.0.min.js"   integrity="sha256-spTpc4lvj4dOkKjrGokIrHkJgNA0xMS98Pw9N7ir9oI="   crossorigin="anonymous"></script>
</head>
<body>
    <script type="text/javascript">
    //动态创建对象,并保存数据
    function saveData(inputName,fm){
        var obj = new Object();
        for(j=0;j<fm.length;j++){
            obj[fm[j]] =$("#"+inputName[j]).val();
        }
      var data = JSON.stringify(obj,fm);//将对象转换成json
　　　alert(data);  
    }
    
    function test(){
        var inputName = new Array();
        inputName[0] = "textinput1";
        inputName[1] = "textinput2";
        inputName[2] = "textinput3";
        
        var fm = new Array();
        fm[0] = "name";
        fm[1] = "number";
        fm[2] = "userSchool";
        var result = saveData(inputName, fm);
        alert(result);
    }
    </script>
<form>
    <input name="textinput1" id="textinput1" type="text">
    <input name="textinput2" id="textinput2" type="text">
    <input name="textinput3" id="textinput3" type="text">
    <input name="btnGo" id="btnGo" type="button" value="发射" onclick="test();"/>
</form>
</body>
</html>