javascript - 提交表格，同时避免细节并包括列表

Question

这可能很难解释，但我有一个输入字段，旨在在单击添加按钮时将“职责”添加到列表中。这工作正常。这可以在这里看到：

http://jsfiddle.net/spadez/VrGau/14/

代码在这里：

var $responsibilityInput = $('#responsibilityInput'),
    $responsibilityList = $('#responsibilityList'),
    $inputButton = $('#add'),
    rCounter = 0;

var addResponsibility = function () {
    if (rCounter < 10) {
        var newVal = $responsibilityList.val() + $responsibilityInput.val();
        var newLi = $('<li>');
        $('ul#list').append(newLi.text(newVal));
        $responsibilityInput.val('');
    }
}

$inputButton.click(addResponsibility);

我的问题是，当我使用发送按钮提交表单时，我想在我的提交中包含列表中的项目，但同时不包含将项目添加到列表中的责任列表字段。

Answer 1

您可以为此使用 JQuery Ajax 吗？这看起来像：

var sendForm = function() {
    // Get item values
    var items = $.map($('ul#list>li'), function(n, i) {
        return $(n).text();
    });

    // Make Ajax Post
    $.ajax({
      type: "POST",
      url: "target.php",
      data: items
    });

    return false;
}

$submitButton = $("#send");
$submitButton.click(sendForm);

这有帮助吗？