2012-02-13 2 views
7

Nella mia pagina ASPX ho aggiunto Dropdownlist.Errore nell'elenco a discesa

elementi in questo elenco sono divisi a gruppi con l'aggiunta di voci di elenco disabili:

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

Coloro elenco articoli sono in grigio, non posso selezionarlo con il mouse o cliccando le frecce del cursore (su/giù). Questo è corretto.

Ma il problema è che dopo aver premuto il tasto '-' questa voce di elenco è selezionata. Penso che sia un bug di Dropdownlist, ma ho bisogno di trovare qualche soluzione per questo.

Come evitare di selezionare ListItem disabilitato facendo clic sulla prima lettera dal titolo? O c'è un modo migliore per creare separatori in Dropdownlist?

Modifica: L'ho controllato dopo Nico G. commento. Questo problema si verifica in IE, non in Firefox. (Non ho altri browser. Due sono sufficienti :))

+1

Avrei alcuni javascript in esecuzione dopo selezionare quale ripristino della selezione se quello che inizia con "-" è stato selezionato –

+1

che è un bug in IE. controlla questo link [Seleziona, Opzione, Disabilitato e La soluzione JavaScript] (http://www.lattimore.id.au/2005/07/01/select-option-disabled-and-the-javascript-solution/) .. nel caso in cui si verifichi il bug in altri browser, si prega di aggiornare la domanda. appena interessato –

+0

Niko G.: hai ragione succede in IE non in Firefox. Scrivilo come risposta, per favore. È una buona soluzione per me. –

risposta

1

Esistono diversi approcci in questa domanda: Dropdownlist control with <optgroup>s for asp.net (webforms)? per l'aggiunta di gruppi di opzioni a un controllo Dropdownlist.

È possibile utilizzare le OptionGroups per creare separatori non selezionabili che sarebbe simile alla seguente nella fonte:

<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>