You cannot drag more than one thing at a time, what you would need to do is something along these lines. In this example suppose we have a multi select list, when you drag one selected element, all selected elements should be dragged.
Listen for a dragstart event on one of the draggables
When setting the dataTransfer - you need to encode data in there that will represent all the stuff you want dragged.
Customise the drag image to show the user more than one thing is being dragged.
See example here jsfiddle
$(".draggableThingsSelector").on("dragstart", function(e) {
e = e.originalEvent;
var fruitList = [],
dragImage = document.createElement("ul");
$("li.selected").each(function() {
fruitList.push(this.innerHTML);
dragImage.appendChild(this.cloneNode(true));
});
e.dataTransfer.setData("fruits", JSON.stringify(fruitList));
});
Also see here for more discussion of drag image support :drag image support