Sự kiện chọn yếu tố Javascript/jQuery khi tùy chọn đã chọn được chọn lại

Question

Tôi có một SELECT đơn giản, với trình cắm thêm đã chọn jQuery, xuất hiện trên trang nhiều lần. Ở đầu chọn là tùy chọn "Thêm mới". Ý tưởng là tôi hiển thị hộp thoại nếu người dùng nhấp vào Thêm mới.

Sử dụng sự kiện nhấp chuột của jQuery, nó rất dễ dàng và hoạt động tốt lần đầu tiên. Tuy nhiên, nếu người dùng hủy bỏ khỏi hộp thoại và sau đó nhấp vào Thêm mới một lần nữa, sự kiện nhấp chuột không kích hoạt.

Tôi đã thử thêm trình xử lý sự kiện nhấp chuột vào chính tùy chọn đó mà không thành công. Tôi cũng đã thử nó mà không cần cắm vào, và không có may mắn. Tôi không nghĩ rằng lựa chọn là vấn đề.

Dưới đây là một jsfiddle đơn giản cho thấy các vấn đề: http://jsfiddle.net/7cMEg/

$('.cls').chosen().change(function() { if ($(this).val()==='-1') alert('clicked'); }); 

Bấm vào hộp lựa chọn, và chọn Add New. Một cảnh báo sẽ xuất hiện. Nhưng bây giờ Add New đã được chọn, khi bạn nhấp vào hộp chọn và nhấp lại vào Thêm mới, không có gì xảy ra - sự kiện nhấp chuột không được kích hoạt. Có sự kiện nào khác mà tôi có thể sử dụng không? Bất kỳ đề xuất nào khác (có thể là một liên kết siêu liên kết)?

Answer 1

Khi sự kiện được kích hoạt trên change và không phải trên click. Vì giá trị không thay đổi khi nhấp chuột thứ hai nên cảnh báo không được hiển thị.

Hiển thị cảnh báo trên nhấp chuột - fiddle