pada kali ini saya masih melanjutkan pembahasan saya yang sebelumnya yaitu Jquery UI , bagi teman – teman yang ingin melihat pembahasan saya sebelumnya tentangĀ  Jquery UI silahkan lihat di sini! . Jquery UI Selectable merupakan jQueryUI memberikan metode dipilih () untuk memilih DOM elemen secara individu atau dalam kelompok.
Dengan metode ini elemen dapat dipilih dengan menyeret kotak (kadang-kadang disebut lasso a) dengan mouse pada elemen.
Elemen Juga dapat dipilih dengan mengklik atau menyeret sambil menahan tombol Ctrl / Meta kunci, yang memungkinkan untuk beberapa (non-contiguous) Pilihan.

Metode -metode yang dapat dipilih dalam pembuatan Jquery UI Selectable diantaranya adalah berikut ini;

$ (Selector, konteks) .selectable (pilihan) Metode

$ (Selector, konteks) .selectable ( “action”, params) Metode

$ (Selector, konteks) .selectable (pilihan) Metode

metode di atas menyatakan bahwa elemen HTML berisi item dipilih. Pilihan parameter adalah obyek yang menentukan perilaku elemen yang terlibat ketika memilih.

Anda dapat memberikan satu atau lebih pilihan pada waktu menggunakan Javascript objek.
Jika ada lebih dari satu opsi yang akan diberikan, maka Anda akan memisahkan mereka menggunakan koma sebagai berikut –

Oke untuk lebih lanjutnya silahkan teman – teman ikuti langkah – langkah yang saya praktekkan, saya akan membuat contoh tentang Cara Membuat Selectable Menggunakan Jquery UI Selectable seperti contoh gambar di bawah ini;

Cara Membuat Selectable Menggunakan Jquery UI Selectable

Oke sekarang coba teman – teman tuliskan script di bawah ini,

Oke kalau sudah silahkan save dan jalankan pada browsernya, maka hasilnya akan seperti di bawah ini;

Cara Membuat Selectable Menggunakan Jquery UI Selectable

Jika table di atas di klikĀ  maka akan menghasilkan gambar seperti di bawah ini;

Cara Membuat Selectable Menggunakan Jquery UI Selectable

Oke itulah tadi yang namanya Selectable, cukup mudah bukan.