2011-11-29 5 views
20

In che modo posso esattamente fare un tag select in sola lettura. Ho letto che non puoi impostare una selezione come readonly. Lo faccio che posso impostarlo come disabilitato ma ... Questa non è un'opzione. Vorrei che l'utente visualizzasse il resto delle opzioni nel tag select, ma non fosse in grado di sceglierne uno ..Disabilita/sola lettura tag in html

Qualche idea?

+3

Qual è il punto per consentire all'utente di vedere tutte le opzioni ma non gli consente di selezionarne nessuna? – dhblah

+25

Non so amico. Sono solo il programmatore. Chiedi agli utenti stupidi. :-( – Tiwaz89

+2

@Relborg, ho riso così tanto che i miei colleghi mi hanno dato uno sguardo strano –

risposta

33

è possibile utilizzare l'attributo disabilitato.

per esempio.

<select > 
    <option disabled="disabled" value="volvo">Volvo</option> 
    <option disabled="disabled" value="saab">Saab</option> 
    <option disabled="disabled" value="mercedes">Mercedes</option> 
    <option disabled="disabled" value="audi">Audi</option> 
</select> 
+1

vedo ... imposta ogni tag di opzioni come disabilitato invece di disabilitare l'intero tag select.Grazie per il tuo aiuto Saifuddin. Apprezzalo davvero – Tiwaz89

+1

impedisce tuttavia che i valori selezionati vengano inviati con il modulo. –

+0

@ButtleButkus Sì, hai ragione Gli elementi disabilitati in un modulo non verranno inviati Mentre l'attributo disabilitato non funzionerà con così nascosto il campo verrà utilizzato per i valori selezionati –

10

supporre che tag id = "mySelectID", e jQuery è residente, quindi:

<script language="javascript"> 
// disable all the options that are not in use: 
$("#mySelectID option").not(":selected").attr("disabled", "disabled"); 

// to remove readonly, enable them again: 
$("#mySelectID option").not(":selected").attr("disabled", ""); 
</script> 
+1

jQuery ora distingue tra attributi e proprietà , quindi puoi anche fare: '$ (selettore) .prop ('disabled', true)' Dettagli: http://api.jquery.com/prop/ –

0

ho utilizzati i valori disabili selezionati per l'opzione etichetta.

Serve allo scopo di richiedere all'utente di selezionare un'opzione e allo stesso tempo di disabilitare tale opzione.

Esempio:

<option selected disabled>-Select-</option> 
0

https://coderanch.com/t/469173/select-box-READONLY-true

se si desidera disattivare la casella di selezione, quindi è possibile utilizzare un codice javascript per consentire indietro prima che il modulo invia. Così sull'evento onsubmit del modulo, è possibile attivare la casella di selezione in modo che il suo valore è presentata anche quando il modulo viene inviato ...

0

Si può fare finta di sola lettura con l'aggiunta di style="pointer-events:none;"