php - jQuery 将动态元素 id/值传递给 PHP

Question

我想将 dynamicLi 元素 id 和文本传递到看起来像这样的 PHP 中。

<ul id ='dynamicUL'>
    <li id='dynamicLi'><div id="fieldname">Field 1</div></li>
    <li id='dynamicLi'><div id="fieldname">Field 2</div></li>
    <li id='dynamicLi'><div id="fieldname">Field 3</div></li>
</ul>

dynamicLi 和 fieldname 是通过 PHP 和 jQuery 从数据库生成的，因此没有固定编号。

我应该使用什么方法将此字段名 ID 和文本（字段 1、2、3）传递给 PHP？使用数组、json 还是 xml？我应该如何使用 jQuery 来做呢？

谢谢你。

Answer 1

你可以在这里看到我的答案：http: //jsfiddle.net/kq2uQ/

HTML 我在 dynamicLi 的末尾添加了数字，因为您的 ID 在页面上必须是唯一的。我还添加了一个包装器

<div id="wrapper">
    <ul id ='dynamicUL'>
        <li id='dynamicLi1'><div id="fieldname">Field 1</div></li>
        <li id='dynamicLi2'><div id="fieldname">Field 2</div></li>
        <li id='dynamicLi3'><div id="fieldname">Field 3</div></li>
    </ul>
</div>

Javascript

$(document).ready(function() {

    var unordered_lists = $("#wrapper ul");

    $.each (unordered_lists, function(i, list) {
        var list_elements = $(list).children("li");
        var list_id = { data: [] }

        $.each (list_elements, function(i, element) {
           var id = $(element).attr("id");
           list_id.data[i] = id;
        });

        //alert(list_id.data);
        $.post("/path/to/file.php", list_id.data);
    });

});

Answer 2

您可以使用 ajax 将值提交到 php 脚本。值可以是任何格式，最好是 json。