2013-12-13 22 views
5

Ho una selezione con diverse opzioni e cerco di rendere alcune delle opzioni non selezionabili a livello di codice. Per esempio, il mio codice è:Come rendere una opzione specifica non selezionabile programmaticamente con Selectize.js?

<select> 
    <option value="1">Value 1</option> 
    <option value="2">Value 2</option> 
    <option value="3">Value 3</option> 
</select> 
<script> 
    $('select').selectize(); 
</script> 

La mia domanda è: come posso fare per ottenere l'opzione "2" disattivata (vale a dire senza la visualizzazione e non selezionabile) a livello di codice? - Ho provato questo codice ...

$('select')[0].selectize.$dropdown_content.find('[data-value="2"]').removeAttr('data-selectable'); 

... ma non funziona (quando ho ispezionare il DOM vedo che l'opzione "2" non ha alcun attributo 'di dati selezionabili', ma rende ancora ed è selezionabile ...).

Mi sbaglio qui? E se è così: qual è il modo corretto per rendere non selezionabile un'opzione (non riesco a trovarla da nessuna parte nel documento)?

(ho creato un jsFiddle qui: http://jsfiddle.net/j8YUA/3/)

+0

set 'display' a' none'. – christopher

+0

@Chris Grazie, ma non funziona. Ho creato un jsFiddle per riprodurre facilmente il mio problema: http://jsfiddle.net/j8YUA/1 – babarizbak

risposta

-2

opzioni Selectize sono memorizzati in oggetto $('select')[0].selectize.options, in modo da eliminare l'opzione è necessario eliminare rispettive proprietà da opzioni oggetto

delete $('select')[0].selectize.options["2"]; 
Problemi correlati