Share Tuỳ biến select với thư viện Chosen

[filiallion]

Language

Tiếng Việt

Chosen là một thư viện mạnh để tuỳ biến select, ngoài việc thay đổi được giao diện đẹp hơn thì thư viện Chosen còn giúp cho select trở nên mạnh mẽ hơn với chức năng tìm kiếm, nhiều lựa chọn...

Để sử dụng thư viện Chosen cũng rất đơn giản, các bạn truy cập địa chỉ https://harvesthq.github.io/chosen để tải thư viện về sử dụng. Lưu ý là các bạn phải tích hợp thư viện jQuery vào website trước khi sử dụng thư viện Chosen.

Các bạn tích hợp thư viện Chosen vào website với dòng lệnh như sau:

<script src="path/to/chosen.jquery.min.js"></script>

Và tuỳ biến select như ví dụ sau:

<select id="chosen">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
</select>

<script>
    $(function() {
        $('#chosen').chosen();
    });
</script>

Các bạn có thể tìm hiểu thêm các cấu hình khác của thư viện Chosen tại địa chỉ https://harvesthq.github.io/chosen.