Question

我需要一些帮助来获取通过AJAX帖子表单请求提交的序列化<ul>列表。我该怎么做呢？以下是我目前的代码。

HTML：

<form id="update_fruit_form" method="post" action="/update_fruits" accept-charset="UTF-8">
  <ul id="list_a">
    <li id="item_Apple" value="1">Red</li>
    <li id="item_Green" value="2">Pear</li>
    <li id="item_Banana" value="3">Yellow</li>
  </ul>

  <input type="submit" value="Submit">
</form>

jQuery的：

$("#update_fruit_form").submit(function() {
$.ajax({
    url: "update_fruits.html",
    context: "#list_a" ,
    success: function(){
      $(this).addClass("done");
    }
  });
});

谢谢！

Answer 1

 var list = {};  
  $('#list_a li').each(function(){
    list[ $(this).attr('value') ] = $(this).html(); 
  });

 $("#update_fruit_form").submit(function() {
    $.ajax({
      url: "update_fruits.html",
      data: list, 
      success: function(){
       $(this).addClass("done");
      }
    }); 
 });

序列化<ul>的内容并通过AJAX提交表单</ul>

1 个答案: