serializeArray对selectbox不起作用

Question

我正在尝试将表单数据转换为json，并在单击相应的复选框时读取被修改的字段的值。 这适用于文本字段，但不适用于选择框。 任何人都可以看看小提琴，并帮助我阅读“人”选项卡中的选择框（爆头）值。

$('#getDataBtn').click (function() {
     var data = $('#userForm').serializeArray();
     var pfId = 1234;
     var person=[];
    //  $.each(data, function(i, field){
    //     person[field.name] = field.value;            
    //  });
    //  personarray['Person']=person;
    //  console.log(JSON.stringify(personarray));
     var personObj = {};
     $.each(data, function(i, field){
        personObj = {};
        console.log(field.name);
        personObj['table name']= "Person";
        personObj['unique id']= "0";
        personObj['profile id']= pfId;
        personObj[field.name] = field.value;
        person.push(personObj)
    });
    personarray['Person']=person;
    console.log(JSON.stringify(personarray));  

});

https://jsfiddle.net/ycf6Ltad/5/

Answer 1

serializeArray()将仅接受已为其分配name那些控件。 由于下拉列表未分配任何名称，因此未列出。

要更正，请分配一个名称：

<select class="form-control" id="sel1" name="sel1" disabled>
  <option>Yes</option>
  <option>No</option>
</select>

看到这个工作的小提琴 。