0

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>
4

1 に答える 1

0

フォームが送信されるときにそれぞれの非表示の入力要素を作成し、送信を続行できるようにする前に、それらの非表示の要素をフォームに添付できます。

$(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
});
于 2012-07-02T14:12:34.907 に答える