这是我的 JSFiddle
我的 html 和 js 在 JSFiddle 中运行良好。但是它在我的 Rails 应用程序的控制台中给出了错误
未捕获类型错误:无法设置未定义 admin.js 的属性“已选择”:1000
选择.result_select admin.js:1000
Chosen.search_results_mouseup admin.js:1000
(匿名函数)admin.js:1000
x.event.dispatch admin.js:6
v.句柄
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")
});
});
最佳答案
这是一个老问题,但我最近遇到了同样的错误。 我解决了这个问题,添加了一个空的选项标签,如下所示:
<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>
关于javascript - 未捕获的类型错误 : Cannot set property 'selected' of undefined,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19369250/