使用隱藏的輸入元素髮布到php腳本的動態jQuery數組

Question

我有一個列表框，用戶可以在其中添加，刪除和更新並保存列表。一旦點擊了保存按鈕，我正在調用jquery在列表框中構建元素數組，然後使用隱藏的INPUT元素進行POST。但是我得到一個空的數組PHP POST。這裏是jQuery的

$("#saveCategory").click (function() { 
    var items = $("#jqxlistbox").jqxListBox('getItems'); 
    var length = items.length; 
    var mylist = new Array(); 
    for (var i = 0; i < length; i++) { 
     var row = {}; 
     row["cname"] = items[i].value; 
     row["cvalue"] = items[i].label; 
     mylist[i] = row; 
    } 
    $("#myCatgories").value(mylist); 
}); 

這裏是我的html表單

<form id="addcategory" method="post" action="index.php"> 
<div style="float: left"> 
    <input type="button" value="Add" id="addCategory" style="margin-left: 3px" /> 
     <input type="button" value="Update" id="updateCategory" style="margin-left: 3px" /> 
     <input type="button" value="Delete" id="deleteCategory" style="margin-left: 3px" /> 
     <br />            
     <input type="submit" value="Save" id="saveCategory" style="margin-left: 3px" /> 
    </div> 
    <div> 
    <input type="hidden" name="myCatgories[]" id="myCatgories" value=""> 
</div> 

有人可以告訴我什麼，我做錯了什麼，並把在正確的方向。

感謝

Answer 1

嘗試下面的代碼（有你的數組初始化的問題），並.value的（）是不正確的方法JQ，它應該是.val()

$("#saveCategory").click (function() { 
    var items = $("#jqxlistbox").jqxListBox('getItems'); 
    var length = items.length; 
    var mylist = []; 
    for (var i = 0; i < length; i++) { 
     var row = []; 
     row["cname"] = items[i].value; 
     row["cvalue"] = items[i].label; 
     mylist[i] = row; 
    } 
    $("#myCatgories").val(mylist); 
}); 

如果這並未沒有工作，我建議使用console.log(mylist)和console.log(items)以確保您抓取的是數據而不是空的字段。

Answer 2

變化從提交按鈕，並在其click事件的輸入型......通過使用submit()

SUMIT形式試試這個

HTML

<input type="button" value="Save" id="saveCategory" style="margin-left: 3px" /> 

jQuery的

$("#saveCategory").click (function() { 
    var items = $("#jqxlistbox").jqxListBox('getItems'); 
    var length = items.length; 
    var mylist = new Array(); 
    for (var i = 0; i < length; i++) { 
    var row = {}; 
    row["cname"] = items[i].value; 
    row["cvalue"] = items[i].label; 
    mylist[i] = row; 
    } 
    $("#myCatgories").val(mylist); 
    $('#addcategory').submit(); //<-- submit you form here 
});