2013-10-14 31 views
5

Đây là tôi JSFiddlecủa router Lỗi Loại: Không thể thiết lập thuộc tính 'chọn' không xác định

html và js của tôi hoạt động tốt trong JSFiddle. Nhưng nó đưa ra lỗi trong giao diện điều khiển trong ứng dụng ray của tôi

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

Bạn đã bao giờ tìm thấy câu trả lời cho vấn đề này chưa? – jhamm

Trả lời

9

Đây là một câu hỏi cũ, nhưng nó tôi cùng một lỗi gần đây. tôi cố định này thêm một thẻ lựa chọn sản phẩm nào, như thế này:

<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

lỗi tương tự ở đây. đáng buồn là một thẻ tùy chọn trống không khắc phục được:/ – Flion

+0

Hoàn hảo! Nó chắc chắn làm việc Cảm ơn người đàn ông, đã cố gắng từ một thời gian dài. – softvar

+0

Mặc dù nó có vẻ phản trực giác, điều này cũng sẽ hoạt động nếu bạn đang sử dụng ng-options = "" Vì vậy, hãy sử dụng cả hai tùy chọn ng và thêm một thẻ tùy chọn trống '' –

0

Thêm <option disabled></option> vào danh sách của bạn sẽ giải quyết được lỗi.

Các vấn đề liên quan