Stack Overflow
Stack Overflow

Questions tagged [jquery-ui-selectable]

The jQuery UI Selectable plugin: Enable a DOM element (or group of elements) to be selectable. Draw a box with your cursor to select items. Hold down the Ctrl key to make multiple non-adjacent selections.

The jQuery-ui Selectable plugin allows for elements to be selected by dragging a box (sometimes called a lasso) with the mouse over the elements. Also, elements can be selected by click or drag while holding the Ctrl/Meta key, allowing for multiple (non-contiguous) selections.

API Documentation

239 questions
28
votes
5 answers

jQuery UI sortable & selectable

Does anybody know how to combine jQuery UI selectable and sortable ? This script: http://nicolas.rudas.info/jquery/selectables_sortables/ doesn't work in Chrome and it also has plugin modifications.
minnur
  • 3,270
  • 5
  • 20
  • 28
26
votes
5 answers

Implement multiple selects with jQuery UI Selectable

can anyone help me use the jquery ui selectable library to perform the following functions: Allow a user to select multiple items with a mouse click De-select an item if it is already selected with a mouse click
HBCondo
  • 895
  • 3
  • 10
  • 26
25
votes
6 answers

How to programmatically select selectables with jQuery UI?

I have a range of items that are selectable. I would like to add a button somewhere that activates a preset selection amongst those. Is there a way I can do that? What I would like is to tell it to "Select these guys" and then have all the events…
Svish
  • 152,914
  • 173
  • 462
  • 620
24
votes
3 answers

Enable Shift-Multiselect in jQuery UI Selectable

I want to enable multiselect capabilities in a jQuery UI Selectable table by holding shift. I probably should do something like this if shift is held down on mouseclick Get topmost selected element Get clicked element Select all elements in…
bardiir
  • 14,556
  • 9
  • 41
  • 66
15
votes
4 answers

jQuery UI Selectable - unselect selected item on click

Does anyone know if there's a way to configure a jquery ui selectable element to unselect the selected element when you click it? Sort of like a toggle. If it's already selected, unselect it, otherwise do the default behavior. Thanks.
fehays
  • 3,147
  • 1
  • 24
  • 43
11
votes
3 answers

Programmatically 'unselect' a jQuery UI selectable widget

Is there a way to programmatically 'unselect' any and all selected elements for a given $("#selectable").selectable() widget?
Derek Adair
  • 21,846
  • 31
  • 97
  • 134
10
votes
4 answers

How to add `overflow` to SelectableText in Flutter?

There is SelectableText widget that allows you to make text selectable. But it misses the overflow parameter, which is required... Is there any workaround, which can make it work? Or a similar solution? Thanks!
Andriy Antonov
  • 1,360
  • 2
  • 15
  • 29
9
votes
3 answers

Disabling ctrl-click on jquery ui selectable

I was wondering if there is an option on the jQuery UI Selectable that will let me disable the Ctrl+Click, but still keep the draggable for the multiple selection. On my project I want to be able for people to select multiples, but only by dragging,…
typefasterjoel
  • 125
  • 2
  • 7
9
votes
3 answers

JQuery UI; Stop propagation of selectable events

Basically I am using jQuery ui's selectable functionality on a ul, but the ul will often times have a scrollbar, and this scrollbar becomes unusable in Webkit browsers since when you try to click on it to grab it, the lasso for the selectable…
machinemessiah
  • 424
  • 1
  • 5
  • 14
8
votes
4 answers

JQuery Selectable - cancel current selected element

I have a list containing different some elements. I want all to be selectable, but only in groups. Like:
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item…
user1410263
  • 83
  • 5
7
votes
3 answers

How to implement toggle functionality on JQuery UI Selectable?

I'm using JQuery UI - Selectable. I want to deselect the element if it has been pressed and it has already been selected (toggle) Could you help me to add this functionality please !
Homam
  • 23,263
  • 32
  • 111
  • 187
7
votes
6 answers

jquery's selectable plugin's very slow

it's slow when used on huge lists, etc. how make it fast?
somenamehere
  • 71
  • 1
  • 2
7
votes
2 answers

jQuery UI selectable and scrollbar

I have a div with divs inside. The outer one has overflow-y: auto;, so with many internal items the right scrollbar appears. After doing $('#container').selectable(); when I press left mouse button over the scrollbar, it doesn't scroll, but a dotted…
noober
  • 4,819
  • 12
  • 49
  • 85
5
votes
1 answer

Selectable & Draggable jQuery to make a Windows Explorer-like window

I'm now facing another thing that I can't figure out how to do. I'm new to jQuery and I'm trying to make an icon draggable and when you drop it in the folder(.folder div) It will be moved there. Drag the icon (I know how to drag it but it is only…
Jeremy Dicaire
  • 4,615
  • 8
  • 38
  • 62
5
votes
2 answers

Drag and drop multiple selected draggables and revert invalid ones using Jquery UI

Drawing a box with cursor (lasso) will select multiple .item in this JSFiddle example. Selected .item's become draggable. Empty .slot without an .item inside is a valid droppable. When you drop multiple draggables on multiple droppables, only the…
Ray C Lin
  • 703
  • 3
  • 8
  • 24
1
2 3
…
15 16