Cara menggunakan bootstrap dropdown select
|
Jadi, saya punya kode berikut untuk kotak dropdown yang dibuat dengan bootstrap: Sekarang saya ingin membuatnya diperlukan untuk memilih sesuatu dari kotak dropdown ini sebelum Anda dapat melanjutkan. Saya sudah melakukan ini untuk kotak teks dan tombol radio dengan hanya menambahkan diperlukan ke tag, tapi saya tidak memiliki tag seperti itu di sini, jadi bagaimana cara melakukannya? Jika kita hanya memasukkan yang diperlukan dalam tag pilih dan Ini bekerja untuk seleksi harus dibuat di antara nilai yang disediakan. Tetapi saya ingin tahu cara menulis pesan validasi khusus yang datang secara default seperti pesan ini.?  Kode di atas berfungsi dengan baik untuk validasi seperti "Memilih item dalam daftar sebelum mengirim". Bisakah Anda menggunakan elemen select sebagai gantinya dan menerapkan tag yang diperlukan? Lihat pertanyaan SO ini khususnya. silakan setel diperlukan = "wajib" di pemilih Anda Gunakan kode ini jika Anda ingin agar Bootstrap drop down pilih Kebutuhan dalam aplikasi berbasis web sudah mulai memperhatikan interaksi pengguna secara optimal. Pada masa yang lalu mungkin paradigma aplikasi web berfokus pada apa yang bisa dilakukan untuk mengakomodir kebutuhan pengguna. Namun dimasa sekarang ini,
hampir dapat dikatakan bahwa semua kebutuhan pengguna telah terakomdir. Sekarang dengan kondisi seperti itu kenyamanan pengguna dalam menggunakan aplikasi web menjadi hal utama yang mungkin harus lebih serius diperhatikan. Dimana sintaks diatas akan menghasilkan tampilan combobox yang telah kita kenal. Pada dasarnya tidak ada yang salah dengan hal tersebut. Namun pernahkah kita berpikir mengenai data? Kadang kala kita hanya fokus pada task yang terlalu kaku dimana pemikiran yang penting datanya tampil dalam bentuk combo box/select box “selesai”. Selesai dalam tanda kutip tentu pada saat aplikasi tersebut selesai diproduksi atau compile. Nah jika kita juga berpikir pada saat diimplementasi ternyata data di dalam select box tersebut menjadi sangat banyak? Bukankah hal ini menjadikan pengguna tidak nyaman dalam menggunakannya? Apalagi sekarang gadget berbasis mobile telah menjangkau banyak pengguna dimana bisa saja pengguna mobile menjadi pengguna terbesar dalam mengakses suatu aplikasi web. Dapat kebayang bagaimana repotnya bukan jika harus melakukan scroll melalui select box dengan jumlah data yang banyak. Tentu saja ada solusi untuk masalah tersebut. Dalam artikel ini kita akan menggunakan bootstrap select yang dapat mengakomodir kebutuhan tersebut dengan sangat mudah. Hal ini dapat dilakukan dengan beberapa langkah saja sehingga konsep yang tadinya hanya dibicarakan/bahas dapat terlaksana dan berjalan dengan optimal. Oke mari kita bahas satu persatu. Untuk kasus saat ini adalah bagaimana memilih kota yang ada di Indonesia dengan menggunakan Bootstrap Select. 1. Langkah pertama siapkan terlebih dahulu datanya Pada tutorial ini kita menggunakan data nama nama ibu kota provinsi yang ada di Indonesia. Data yang digunakan hanya beberapa sampel data, untuk data lengkapnya dapat di tambahkan sendiri 2. Pemanggilan css untuk bootstrap select 3. Pemanggilan javascript untuk bootstrap select 4. Pembuatan Form Standar untuk mencari nama kota Poin utama dalam pembuatan select search ini adalah pada tag select kita tambahkan atribut class dan data-live-search agar css dan js dari bootstrap select dapat bekerja
Bagaimana cukup mudah bukan? Selamat mencoba ya Download SOurce Labels: Bootstrap, Select, Tutorial, Web Terima kasih telah membaca Membuat Pencarian Dalam Select Dengan Bootstrap Select. Bila bermanfaat boleh di share yah :) |
