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>

看到這個工作的小提琴 。