Dropdown selects trong HTML là một số mục không thân thiện với người dùng nhất. Tạo kiểu cho chúng là một nỗi đau và tại chức năng cơ bản của chúng, chúng không hữu ích trừ khi bạn có một số lượng hạn chế các mặt hàng với một số lượng nhu cầu hạn chế.
Đó là nơi Chosen đến. Đây là một thư viện javascript giúp trải nghiệm thả xuống trông đẹp hơn rất nhiều, cũng như đẹp hơn từ góc độ chức năng.
Ở trên bạn có thể thấy chức năng Chosen mặc định. Nó trông rất tuyệt và theo mặc định có một cơ chế tìm kiếm đơn giản để lọc qua các kết quả trong trường hợp bạn có một lượng lớn các mục trong danh sách thả xuống của mình. Đầu tiên, bao gồm các tệp javascript và css. Sau đó, khởi tạo chúng với mã dưới đây.
Nó là dễ dàng như vậy. Bây giờ hãy đưa nó lên cấp độ tiếp theo, nếu bạn muốn có thể thay đổi chức năng của danh sách thả xuống để cho phép nhiều lựa chọn thì sao? Tìm kiếm Red Red bên dưới, sau đó nhấn enter, tìm kiếm Blue Blue, sau đó nhấn enter. Bây giờ bạn có thể xóa chúng dễ dàng khỏi lựa chọn của mình bằng cách nhấn X hoặc backspace hai lần.
Tất cả bạn phải làm là vượt qua nhiều tùy chọn trong cuộc gọi của lựa chọn như dưới đây. Không có thay đổi đối với javascript, nó được khởi tạo chính xác theo cùng một cách.
