Question

我试图使用jquery将项目添加到ul元素。当用户点击添加新项目时，将添加项目：这就是我所拥有的：

function addFormField() {
            var id = document.getElementById("id").value;
            if(id<5){
            $("#elem ul").append('<li id="listItem_"'+ id +'>Item Added Nr.'+ id +'</li>');
            document.getElementById("id").value = id+1;
            }
        ...

        <div id="elem">
        <ul id="test-list">
        </ul>
        </div>
    <p><a href="#" onClick="addFormField(); return false;">Add New Item</a></p>

但是当我提交表单时，ul元素是空的，这意味着我没有得到用户添加的所有列表项的数组..

如何获取用户点击“添加”按钮时添加的项目列表！？

非常感谢任何帮助，非常感谢

Answer 1

您的代码非常错误，是jQuery和纯JavaScript的混合体。以下是应该如何完成的示例：

var id = 1;
$(".add_item").click(function() { 
    if(id<5){
        $("#elem ul").append('<li id="listItem_"'+ id +'>Item Added Nr.'+ id +'</li>');
        $.ajax({ url: "addItem.php", item: "listItem_"+ id});
        id++;
    }
});


<div id="elem">
    <ul id="test-list">
    </ul>
</div>
<p><a href="#" class="add_item">Add New Item</a></p>

每次用户添加项目时，您都应该对PHP脚本执行AJAX调用，例如您可以使用$.ajax，$.post或$.get函数，每次调用PHP脚本时，都应将收到的项目保存在数据库中。

AJAX - http://api.jquery.com/jQuery.ajax/

再次检查代码。

jquery将li项添加到ul并使用php提交以保存在sql中

1 个答案: