Question

当用户在jQuery UI Selectable上选择一系列值时，我希望第一个数字和最后一个数字的值在两个输入上。有谁知道怎么做？

我现在拥有的例子。我的jQuery目前一次只能使用一个值。

<script>
$(function() {
    $("#selectable").selectable({
        stop : function() {
            var items = '';
            var result = $("#select-result").empty();
            $(".ui-selected", this).each(function() {
                var index = $("#selectable li").index(this);
                items += (index + 1);
            });
            alert('You have selected: ' + items);
            $('input[name="bid"]').val(items);
        }
    });
    $("#selectable li").addClass("ui-state-default");
}); 
</script>
<form>
<div>
<ol id="selectable">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ol>
</div>
</form>

Answer 1

Selectables没有范围，但是下面的函数允许你找到第一个和最后一个选定的元素。

如何将这些元素转换回数字范围由您决定 - 这取决于您的标记。

$('#selectable').on('selectablestop', function() {
    var $selected = $(this).children('.ui-selected');
    var $first = $selected.first();
    var $last = $selected.last();
    // ...
});

http://jsfiddle.net/alnitak/sQwKu/

演示

jQuery - 可选范围返回值“From”和“To”

1 个答案: