2013-10-14 11 views
5

यह की 'चुना' मेरे JSFiddleUncaught TypeError: सेट नहीं कर सकता गुण अपरिभाषित

मेरे एचटीएमएल और जे एस JSFiddle में ठीक काम करता है है। लेकिन इसकी मेरे रेल अनुप्रयोग में कंसोल में त्रुटि है

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

एचटीएमएल

<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> 

जावास्क्रिप्ट

$(".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

क्या आपको कभी इस समस्या का जवाब मिला? – jhamm

उत्तर

9

यह एक पुरानी सवाल है, लेकिन यह मुझे मिल गया हाल ही में एक ही त्रुटि। मैं इस एक खाली विकल्प टैग जोड़ने, इस तरह तय:

<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

यहां एक ही त्रुटि है। दुख की बात है कि एक खाली विकल्प टैग ने इसे ठीक नहीं किया:/ – Flion

+0

बिल्कुल सही! यह निश्चित रूप से काम करता है धन्यवाद आदमी, लंबे समय से कोशिश कर रहा था। – softvar

+0

भले ही यह counterintuitive प्रतीत हो सकता है, यह भी काम करेगा यदि आप ng-options = "" का उपयोग कर रहे हैं, तो, दोनों ng-options का उपयोग करें और एक खाली खाली विकल्प टैग जोड़ें < ' –

0

अपनी सूची में <option disabled></option> जोड़ने में त्रुटि का समाधान होगा।

संबंधित मुद्दे