如何在没有CTRL的情况下在Jquery UI中查找所选元素

时间:2014-06-24 14:42:00

标签: javascript jquery jquery-ui jquery-plugins selectable

我想通过可选择的jQuery将所选元素放入数组中。我在Stackoverflow中从问题中获得了帮助并构建了此代码。请帮我解决或建议新的。

<script>
var selected = new Array();
$(function() {
$("#selectable").bind("mousedown", function(evt) {
evt.metaKey = true;
        }).selectable({
            $("#selectable").selectable({
                selected: function(event, ui){            
                    selected.push(ui.selected.id);
                },
                unselected: function(event, ui){
                          selected.push(ui.unselected.id);
            }
        });
    });
});

</script>

我也试过

<script>
$(function() {
$("#selectable").bind("mousedown", function(evt) {
evt.metaKey = true;
}).selectable({

        stop: function(){
            var result = $("#select-result").empty();
            $(".ui-selected", this).each(function(){
                var index = $("#selectable li").index(this);
                result.append(" #" + (index + 1));
            });

    });
 }); 

 </script>

<body> 
<ol id="selectable">
 <li class="ui-widget-content">Item 1</li>
 <li class="ui-widget-content">Item 2</li>
 <li class="ui-widget-content">Item 3</li>
 <li class="ui-widget-content">Item 4</li>
 <li class="ui-widget-content">Item 5</li>
 <li class="ui-widget-content">Item 6</li>
 <li class="ui-widget-content">Item 7</li>
</ol>
</body>

0 个答案:

没有答案