javascript 未捕获的类型错误：无法设置未定义的属性“selected”
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/19369250/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Uncaught TypeError: Cannot set property 'selected' of undefined
提问by Prem Anand
This is my JSFiddle
这是我的JSFiddle
My html and js works fine in JSFiddle. But its giving error in the console in my rails app
我的 html 和 js 在 JSFiddle 中运行良好。但是它在我的 rails 应用程序的控制台中给出了错误
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
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
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
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")
});
});
回答by David G.
This is an old question, but it I got the same error recently. I fixed this adding an empty option tag, like this:
这是一个老问题，但我最近遇到了同样的错误。我修复了这个问题，添加了一个空的选项标签，如下所示：
<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>
回答by ajinkya bandagale
Adding
<option disabled></option>to your list will solve the error.
添加
<option disabled></option>到您的列表将解决错误。
