2013-10-14 7 views
5

Questo è il mio JSFiddleTypeError Uncaught: Impossibile impostare la proprietà 'selezionato' undefined

mio html e js funziona bene in JSFiddle. Ma la sua dando errore nella console nella mia applicazione Rails

Uncaught TypeError: Cannot set property 'selected' of undefined admin.js:1000 Chosen.result_select admin.js:1000 Chosen.search_results_mouseup admin.js:1000 (anonymous function) admin.js:1000 x.event.dispatch admin.js:6 v.handle

HTML

<div class="col-xs-3 equ"> 
     <select class = "car-select col-xs-10 col-sm-10 col-sm-offset-1 center boxalign" id = "brand"> 
      <option value="brand">Brand Select</option> 
      <option value="volvo">Volvo</option> 
      <option value="saab">Saab</option> 
      <option value="mercedes1">Mercedes</option> 
      <option value="audi">Audi</option> 
      <option value="volvo2">Volvo</option> 
      <option value="saab">Saab</option> 
      <option value="mercedes">Mercedes</option> 
      <option value="audi">Audi</option> 
     </select> 
    </div> 

    <div class="col-xs-3 equ"> 
     <select class = "car-select col-xs-10 col-sm-10 col-sm-offset-1 center boxalign" id = "car"> 
      <option value="brand" class = "mercedes">Brand Select</option> 
      <option value="volvo" class = "mercedes">Volvo</option> 
      <option value="saab" class = "volvo">Saab</option> 
      <option value="mercedes" class = "volvo">Mercedes</option> 
      <option value="audi" class = "volvo">Audi</option> 
      <option value="volvo" class = "mercedes">Volvo</option> 
      <option value="saab" class = "mercedes">Saab</option> 
      <option value="mercedes" class = "mercedes">Mercedes</option> 
      <option value="audi" class = "mercedes">Audi</option> 
     </select> 
    </div> 

JavaScript

$(".car-select").chosen({disable_search_threshold: 10}); 
$(".car-select-deselect").chosen({allow_single_deselect:true}); 
    $(function() { 
    $("#car").chained("#brand"); 
    $("#brand").trigger("liszt:updated"); 
    $("#brand").bind("change", function(){ 
    $("#car").trigger("liszt:updated") 
    }); 
}); 
+2

Hai mai trovato una risposta a questo problema? – jhamm

risposta

9

Questa è una vecchia questione, ma ho avuto lo stesso errore di recente. Ho fissato questo l'aggiunta di un opzione etichetta vuota, in questo modo:

<select class = "car-select col-xs-10 col-sm-10 col-sm-offset-1 center boxalign" id = "car"> 
     <option value=""></option> 
     <option value="brand" class = "mercedes">Brand Select</option> 
     <option value="volvo" class = "mercedes">Volvo</option> 
     <option value="saab" class = "volvo">Saab</option> 
     <option value="mercedes" class = "volvo">Mercedes</option> 
     <option value="audi" class = "volvo">Audi</option> 
     <option value="volvo" class = "mercedes">Volvo</option> 
     <option value="saab" class = "mercedes">Saab</option> 
     <option value="mercedes" class = "mercedes">Mercedes</option> 
     <option value="audi" class = "mercedes">Audi</option> 
</select> 
+2

stesso errore qui. purtroppo un tag opzionale non lo risolve:/ – Flion

+0

Perfetto! Funzionava sicuramente Grazie amico, ci stava provando da molto tempo. – softvar

+0

Anche se può sembrare controintuitivo, funzionerà anche se stai usando ng-options = "" Quindi, usa entrambe le opzioni di ng e aggiungi una sola opzione tag vuota '' –

0

Aggiunta <option disabled></option> alla tua lista risolverà l'errore.

Problemi correlati