Jquery ui selects multiple elements and jqueryui selects multiple
<Style type = "text/css"> li {background: # eef; margin-bottom: 5px; list-style-type: none ;}. color1 {background: # ffe; margin-bottom: 5px; list-style-type: none ;} </style> <script type = "text/javascript"> $ (document ). ready (function () {$ ("# selectable "). selectable ({// drag multiple select stop: function () {// when the drag selection ends, the stop event var result =$ ("# select-result") is triggered "). empty (); // clear the result list $ (". ui-selected ", this ). when each (function () {// is selected, jqueryui automatically adds the style ui-selected and loops the selected result var index = $ ("# selectable li "). index (this); // obtain the result of the selected index. append ("#" + (index + 1) + "" +$(this).html (); // display the selected index and value}); $ ("li "). toggle (function () {$ (this ). addClass ("color1") ;}, function () {$ (this ). removeClass ("color1") ;};}); </script>