使用隐藏的输入元素向php脚本发送一个动态jquery数组


Posting a dynamic jquery array using hidden input element to a php script

我有一个列表框,用户可以在其中添加,删除和更新和保存列表。一旦单击Save按钮,我正在调用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>

谁能告诉我我做错了什么,并把它放在正确的方向。

谢谢

试试下面的代码(数组初始化有问题),.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)来确保您正在抓取数据而不是空字段。

将您的输入类型从提交到按钮,并在其点击事件…使用submit()

添加表单

试试这个

<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
});