Chuyển đổi control DropDownList trong ASP.NET thành control MultiSelect ListBox dùng jQuery

Trong bài viết này, mình sẽ hướng dẫn các bạn chuyển đổi từ một control DropDownList trong ASP.NET thành một ListBox có thể chọn lựa nhiều Items. Lưu ý trong bài viết cần phải có sự kết hợp của Jquery và tương thích với các trình duyệt IE7, IE8, Firefox 3, Chrome 2 và Safari 4.

Nhưng các bạn đã biết với 1 ListBox thì người dùng chỉ có thể chọn 1 lựa chọn nhưng nhu cầu người dùng muốn chọn lựa nhiều lựa chọn thì sao?

Đầu tiên các bạn chèn đoạn code sau:

Để chuyển từ DropDownList sang loại ListBox nhiều chọn lựa (MultiSelect ListBox) khi nhấn nút Button nào đó, chúng ta chỉ cần các dòng code thêm của Jquery như sau:

Khi đã chuyển DropDownList sang ListBox, người dùng có thể chọn nhiều items và hiển thị các items này theo đoạn code sau:

Trước khi chuyển đổi DropDownList như sau:

Sau khi nhấn nút Button, kết quả là 1 item được chọn.

Khi kết hợp với Jquery sẽ được ListBox và kết quả nhấn nút Button như sau:

Xem demo trực tiếp ở đây: Live Demo
Download mã nguồn: over here
Theo: http://www.dotnetcurry.com

Về tieuyeuit
Lập trình viên Asp.net Tôi chia sẻ một,bạn chia sẻ một và chúng ta có rất nhiều!

Gửi phản hồi

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s

%d bloggers like this: