jquery - 将状态分配给列表项并检索它们所处的状态 - jquery

Question

我有一个使用 jqueryUI 的可排序列表。我希望这些列表中的每一个都有 4 个不同的状态。所以我为每个列表项分配了一个切换功能。如果说我要通过表格提交此信息，我如何才能获得每个项目的状态？这可能吗？任何帮助都感激不尽。谢谢

$(".sortedli").toggle(function(){
    //state 1
    $(this).css("background-color","white");},
    function(){
    //state 2
    $(this).css("background-color","green");},
    function(){
    //state 3
    $(this).css("background-color","red");},
    function(){
    //state 4
    $(this).css("background-color","yellow");}
  );

<ul id="coll-selected-list" class="droptrue ui-sortable">
              <li class="sortedli" style="">blah</li>
              <li class="sortedli" style="">blah</li>
              <li class="sortedli" style="">blah</li>
</ul>

Answer 1

您可以在提交表单时为它们中的每一个创建一个隐藏的输入元素，并在允许提交继续之前将这些隐藏元素附加到表单：

$(myform).submit(function(){
    var li_1_state = document.createElement('input');
    $(li_1_state).attr({'type':'hidden','name':'li_1_state'});
    $(li_1_state).val(*grab the state here*);
    $(myform).append(li_1_state);
    // repeat for the other list elements
});