2013-10-14 9 views
5

Das ist meine JSFiddleUncaught Typeerror: kann nicht eingestellt Eigenschaft ‚ausgewählt‘ undefinierten

Meine html und js in JSFiddle gut funktioniert. Aber seine gibt Fehler in der Konsole in meinen Schienen-app

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

Haben Sie jemals eine Antwort auf dieses Problem gefunden? – jhamm

Antwort

9

Dies ist eine alte Frage, aber es bekam ich der gleiche Fehler in letzter Zeit. Ich reparierte diese eine leere Option-Tag hinzufügen, wie folgt aus:

<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

gleichen Fehler hier. leider hat ein leeres option tag es nicht repariert:/ – Flion

+0

Perfekt! Es hat sicherlich funktioniert Danke Mann, versuchte seit langer Zeit. – softvar

+0

Auch wenn es kontraintuitiv erscheint, funktioniert das auch, wenn Sie ng-options = "" verwenden. Verwenden Sie also beide ng-Optionen und fügen Sie ein einzelnes leeres Options-Tag '

0

Hinzufügen <option disabled></option> auf Ihrer Liste wird den Fehler beheben.

Verwandte Themen