2012-02-13 77 views
7

Trên trang ASPX của tôi, tôi đã thêm danh sách thả xuống.Lỗi trong danh sách thả xuống

Elements trong danh sách này được chia cho các nhóm bằng cách thêm mục danh sách người khuyết tật:

ListItem separator = new ListItem("---My friends---", ""); 
separator.Attributes.Add("disabled", "true"); 
_ddUsersList.Items.Add(separator); 

Những danh mục được chuyển sang màu xám, tôi không thể chọn nó bằng chuột hoặc bằng cách nhấn vào mũi tên trỏ (lên/xuống). Đó là chính xác.

Nhưng vấn đề là, sau khi nhấp vào phím '-', mục danh sách này được chọn. Tôi nghĩ rằng đó là lỗi Dropdownlist, nhưng tôi cần phải tìm một số giải pháp cho việc này.

Làm cách nào để ngăn chặn việc chọn Danh sách bị vô hiệu hóa bằng cách nhấp vào chữ cái đầu tiên từ tiêu đề của nó? Hoặc có cách nào tốt hơn để tạo dấu phân cách trong danh sách thả xuống?

Chỉnh sửa: Tôi đã kiểm tra sau khi Nico G. nhận xét. Vấn đề này xảy ra trong IE, không phải trong Firefox. (Tôi không có trình duyệt nào khác. Hai là đủ) :)

+1

Tôi sẽ có một số javascript chạy sau khi chọn lựa chọn đặt lại nếu bắt đầu bằng "-" đã được chọn –

+1

đó là lỗi trong IE. kiểm tra liên kết này [Chọn, Tùy chọn, Tắt và Giải pháp JavaScript] (http://www.lattimore.id.au/2005/07/01/select-option-disabled-and-the-javascript-solution/) .. trong trường hợp bạn gặp lỗi trong các trình duyệt khác, vui lòng cập nhật câu hỏi của bạn. chỉ quan tâm –

+0

Niko G.: bạn đúng nó xảy ra trong IE không có trong firefox. Viết nó như một câu trả lời, làm ơn. Đó là giải pháp tốt cho tôi. –

Trả lời

1

Có một số cách tiếp cận khác nhau trong câu hỏi này: Dropdownlist control with <optgroup>s for asp.net (webforms)? để thêm nhóm tùy chọn vào điều khiển danh sách thả xuống.

Bạn có thể sử dụng các OptionGroups để tạo ra dải phân cách không lựa chọn đó sẽ trông giống như sau trong nguồn:

<select> 
<option>Option 1</option> 
<option>Option 2</option> 
<option>Option 3</option> 
<optgroup label="----------"></optgroup> 
<option>Option a</option> 
<option>Option b</option> 
<option>Option c</option> 
</select> 
Các vấn đề liên quan