jQuery循環爲每個'drop'生成隱藏字段

Question

我有一個拖放日曆，'on drop'需要將細節傳遞給變量。

到目前爲止，我已經設法讓它在textarea中追加，所以我可以看到它正在記錄數據正常或創建一個隱藏字段，將採取最後一滴。

但是，我需要將每個項目放在隱藏字段中，以便將它傳遞到下一頁，然後在PHP中對其進行處理。

我猜測，我需要一個循環的某種類型，以便每一滴...生成隱藏的領域。

但我沒有運氣得到它的工作。

這是我的代碼。任何幫助都會非常有用。

感謝

drop: function(date, allDay) { // this function is called when something is dropped 

      // retrieve the dropped element's stored Event Object 
      var originalEventObject = $(this).data('eventObject'); 

      // we need to copy it, so that multiple events don't have a reference to the same object 
      var copiedEventObject = $.extend({}, originalEventObject); 

      // assign it the date that was reported 
      copiedEventObject.start = date; 
      copiedEventObject.allDay = allDay; 

      // render the event on the calendar 
      // the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/) 
      $('#calendar').fullCalendar('renderEvent', copiedEventObject, true); 


      //Record and add dropped items to list 
      var txt = $("#listbox"); 
      var dtstart = copiedEventObject.start + '\n' 
      var caltitle = copiedEventObject.title 

      txt.val(txt.val() + dtstart); // For our reference - Remove later 

       var input = document.createElement("input"); 
       input.setAttribute("type", "hidden"); 
       input.setAttribute("name", "dtstart"); 
       input.setAttribute("value", dtstart); 

       //append to form element that you want . 
       document.getElementById("calendarform").appendChild(input) 

      // remove the element from the "Draggable Events" list 
      $(this).remove(); 

     } 
    }); 


}); 

Answer 1

你可以做的是讓列表框一個 「UL」 元素如下

<ul id = "listbox"> 

</ul> 

然後添加下面的jQuery到你的函數

var txt = $('#listbox');  
txt.append("<li class ='listItem'> "+dtstart +"</li>") 

最後你會得到一個列表<.li>（點是否存在，否則它不會顯示在答案中）具有相同類別的元素。然後你就可以得到一流「的listItem」所有元素和值傳遞給你的下一個頁面

希望這個答案是明確的

編輯

以獲得「的listItem所有值'class can do following

var listItems = $('.listItem'); 

listItems.each(function(){ 
    // your code goes here for each record 
});