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
});

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

1 个答案: