js数组存储数据,在html添加数据时undefined

js数组存储数据,在html添加数据时undefined

数组:


```javascript
var list = [{ "Id": '0', "FirstName": "Stark", "LastName": "Bill", "DateOfBirth": "2000/10/11", "Gender": "Male", "PrimaryInsurance": "Medicare", "Address": "ddadsdasd", "ContactNumber": "1338872818738", "NextOfKin": "weqe" },
    { "Id": '1', "FirstName": "Shown", "LastName": "Jenny", "DateOfBirth": "2000/10/11", "Gender": "Male", "PrimaryInsurance": "Medicare", "Address": "ddadsdasd", "ContactNumber": "1338872818738", "NextOfKin": "weqe" },
    { "Id": '2', "FirstName": "Geogrge", "LastName": "Hash", "DateOfBirth": "2000/10/11", "Gender": "Male", "PrimaryInsurance": "Medicare", "Address": "ddadsdasd", "ContactNumber": "1338872818738", "NextOfKin": "weqe" },
    { "Id": '3', "FirstName": "Intwre", "LastName": "zaiwoo", "DateOfBirth": "2000/10/11", "Gender": "Male", "PrimaryInsurance": "Medicare", "Address": "ddadsdasd", "ContactNumber": "1338872818738", "NextOfKin": "weqe" },
    { "Id": '4', "FirstName": "Niko", "LastName": "baby", "DateOfBirth": "2000/10/11", "Gender": "Male", "PrimaryInsurance": "Medicare", "Address": "ddadsdasd", "ContactNumber": "1338872818738", "NextOfKin": "weqe" }];

html:

Add a new patient
Patient ID*:type="text" id="newId" value="">
First name*:type="text" id="newFirstName" value="">
Last name*:type="text" id="newLastName" value="">
Date of birth *:type="text" id="newDateOfBirth" value="">
Gender*:type="text" id="newGender" value="">
Primary insurance*:type="text" id="newPrimaryInsurance" value="">
Address *:type="text" id="newAddress" value="">
Contact number *:type="text" id="newContactNumber" value="">
Next of kin:type="text" id="newNextOfKin" value="">
type="button" value="Add a new Patient" onclick="addNewPatient();">

Javascript:

function addNewPatient(){
    
     var newId=document.getElementById("newId");
     var newFirstName=document.getElementById("newFirstName");
     var newLastName=document.getElementById("newLastName");
     var newDateOfBirth=document.getElementById("newDateOfBirth");
     var newGender=document.getElementById("newGender");
     var newPrimaryInsurance=document.getElementById("newPrimaryInsurance");
     var newAddress=document.getElementById("newAddress");
     var newContactNumber=document.getElementById("newContactNumber");
     var newNextOfKin=document.getElementById("newNextOfKin");
     
     var newPatient=new Array(newId.value,newFirstName.value,newLastName.value,newDateOfBirth.value,newGender.value,newPrimaryInsurance.value,newAddress.value,newContactNumber.value,newNextOfKin.value);
     list.push(newPatient);
     
     refreshList();
}

错误:

img

请问改怎么解决这个问题

显示的时候用的json对象,加入到list集合中也要json对象才行


        function addNewPatient() {

            var newId = document.getElementById("newId");
            var newFirstName = document.getElementById("newFirstName");
            var newLastName = document.getElementById("newLastName");
            var newDateOfBirth = document.getElementById("newDateOfBirth");
            var newGender = document.getElementById("newGender");
            var newPrimaryInsurance = document.getElementById("newPrimaryInsurance");
            var newAddress = document.getElementById("newAddress");
            var newContactNumber = document.getElementById("newContactNumber");
            var newNextOfKin = document.getElementById("newNextOfKin");

            var newPatient = {
                Id: newId.value,
                FirstName: newFirstName.value,
                LastName: newLastName.value,
                DateOfBirth: newDateOfBirth.value,
                Gender: newGender.value,
                PrimaryInsurance: newPrimaryInsurance.value,
                Address: newAddress.value,
                ContactNumber: newContactNumber.value,
                NextOfKin: newNextOfKin.value
            }; 
            list.push(newPatient);

            refreshList();
        }

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632