2013-10-14 22 views
5

To mój JSFiddleUncaught TypeError: nie można ustawić właściwość 'wybrany' undefined

Moje html i js działa dobrze w JSFiddle. Ale to daje błąd w konsoli w moim szynach aplikacji

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

Czy kiedykolwiek znalazłeś odpowiedź na ten problem? – jhamm

Odpowiedz

9

To stara sprawa, ale mam ten sam błąd ostatnio. Naprawiłem to dodanie pustego tag opcji, na przykład:

<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

sam błąd tutaj. Niestety, pusta opcja nie naprawiła tego:/ – Flion

+0

Idealnie! To na pewno działało Dzięki człowieku, próbował od dawna. – softvar

+0

Chociaż może się to wydawać sprzeczne z intuicją, będzie to również działać, jeśli używasz ng-options = "" Tak więc użyj obu opcji ng i dodaj jedną pustą etykietę opcji '' –

0

Dodawanie <option disabled></option> do listy rozwiąże błąd.