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

时间:2010-07-05 00:26:28

标签: php javascript jquery getelementbyid

我想将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?

谢谢。

2 个答案:

答案 0 :(得分:2)

您可以在此处看到我的回答: 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);
    });

});

答案 1 :(得分:0)

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