jQuery中的不合理错误

Question

我有这个代码：

var buggy_brand_name = ['Baby Jogger', 'Babyzen', 'Bugaboo', 'GB', 'Icandy', 'Joie', 'Maclaren', 'Mamas&Papas', 'Maxi cosi', 'Mountain Buggy', "Out 'N' About", 'Phil and Teds',
'Quinny', 'Silver Cross', 'Stokke', 'UppaBaby'];
var multi_model = [['City Elite', 'City Lite', 'City Mini', 'City Mini GT', 'City Mini ZIP', 'City Select', 'City Versa GT', 'City Vue', 'Summit X3'],
['Yoyo+', 'Zen'],
['Buffalo', 'Cameleon3', 'Bee +', 'Bee 3', 'Bee 5', 'Donkey'],
['Pockit'],
['Peach Pushchair', 'Peach Pushchair and Carrycot', 'Peach All Teraine Pushchair and Carrycot', 'Peach All Teraine Pushchair', 'Apple Pushchair',
'Apple 2 Pear Pushchair (Double)', 'Strawberry Pushchair', 'Strawberry Style Collection Pushchair', 'Strawberry 2 Pushchair'],
['Nitro'],
['Techno XLR', 'Techno XT', 'Quest', 'Triumph'],
['Armadillo', 'Voyage', 'Zoom', 'Ocarro'],
['Elea', 'Mura', 'Stella', 'Nova', 'Dana'],
['Nano', 'Urban', 'Terrain', 'Duet', 'Swift', 'Mini'],
['Nipper', 'Sport Nipper', 'Nipper Double', 'Nipper 360'],
['Dot', 'Smart', 'Sport ', 'Dash', 'Mod', 'Voyager', 'Lux', 'Verve'],
['Moodd', 'Buzz', 'Zapp'],
['Pioneer', 'Wayfarer ', 'Zest', 'Pop', 'Reflex'],
['Xplory', 'Scoot', 'Trailz'],
['Cruz 2017', 'UppaBaby Vista', 'UppaBaby G-Luxe']];
for(var i = 0; i < buggy_brand_name.length;  i++) {
$('#brand').append('<option value="' + buggy_brand_name[i] + '">' + buggy_brand_name[i] + '</option>');
$('#brand').on('change', function() {
$('#model_fieldset').css({display: 'block'});
var brand = $('#brand').val();
var model = $('#model');
switch (brand)
{
case 'Baby Jogger':
$('.sell-model').remove();
for (var i = 0; i < multi_model[0][i].length; i++) {
model.append('<option class="sell-model" value="' + multi_model[0][i] + '">' +multi_model[0][i] + '</option>');
}
break;
case 'Babyzen':
$('.sell-model').remove();
for (var i = 0; i < multi_model[1][i].length; i++) {
model.append('<option class="sell-model" value="' + multi_model[1][i] + '">' +multi_model[1][i] + '</option>');
}
break;
case 'Bugaboo':
$('.sell-model').remove();
for (var i = 0; i < multi_model[2][i].length; i++) {
model.append('<option class="sell-model" value="' + multi_model[2][i] + '">' +multi_model[2][i] + '</option>');
}
break;
case 'GB':
$('.sell-model').remove();
for (var i = 0; i < multi_model[3][i].length; i++) {
model.append('<option class="sell-model" value="' + multi_model[3][i] + '">' +multi_model[3][i] + '</option>');
}
break;
case 'Icandy':
$('.sell-model').remove();
for (var i = 0; i < multi_model[4][i].length; i++) {
model.append('<option class="sell-model" value="' + multi_model[4][i] + '">' +multi_model[4][i] + '</option>');
}
break;
case 'Joie':
$('.sell-model').remove();
for (var i = 0; i < multi_model[5][i].length; i++) {
model.append('<option class="sell-model" value="' + multi_model[5][i] + '">' +multi_model[5][i] + '</option>');
}
break;
case 'Maclaren':
$('.sell-model').remove();
for (var i = 0; i < multi_model[6][i].length; i++) {
model.append('<option class="sell-model" value="' + multi_model[6][i] + '">' +multi_model[6][i] + '</option>');
}
break;
case 'Mamas&Papas':
$('.sell-model').remove();
for (var i = 0; i < multi_model[7][i].length; i++) {
model.append('<option class="sell-model" value="' + multi_model[7][i] + '">' +multi_model[7][i] + '</option>');
}
break;
case 'Maxi cosi':
$('.sell-model').remove();
for (var i = 0; i < multi_model[8][i].length; i++) {
model.append('<option class="sell-model" value="' + multi_model[8][i] + '">' +multi_model[8][i] + '</option>');
}
break;
case 'Mountain Buggy':
$('.sell-model').remove();
for (var i = 0; i < multi_model[9][i].length; i++) {
model.append('<option class="sell-model" value="' + multi_model[9][i] + '">' +multi_model[9][i] + '</option>');
}
break;
case "Out 'N' About":
$('.sell-model').remove();
for (var i = 0; i < multi_model[10][i].length; i++) {
model.append('<option class="sell-model" value="' + multi_model[10][i] + '">' +multi_model[10][i] + '</option>');
}
break;
case 'Phil and Teds':
$('.sell-model').remove();
for (var i = 0; i < multi_model[11][i].length; i++) {
model.append('<option class="sell-model" value="' + multi_model[11][i] + '">' +multi_model[11][i] + '</option>');
}
break;
case 'Quinny':
$('.sell-model').remove();
for (var i = 0; i < multi_model[12][i].length; i++) {
model.append('<option class="sell-model" value="' + multi_model[12][i] + '">' +multi_model[12][i] + '</option>');
}
break;
case 'Silver Cross':
$('.sell-model').remove();
for (var i = 0; i < multi_model[13][i].length; i++) {
model.append('<option class="sell-model" value="' + multi_model[13][i] + '">' +multi_model[13][i] + '</option>');
}
break;
case 'Stokke':
$('.sell-model').remove();
for (var i = 0; i < multi_model[14][i].length; i++) {
model.append('<option class="sell-model" value="' + multi_model[14][i] + '">' +multi_model[14][i] + '</option>');
}
break;
case 'UppaBaby':
$('.sell-model').remove();
for (var i = 0; i < multi_model[15][i].length; i++) {
model.append('<option class="sell-model" value="' + multi_model[15][i] + '">' +multi_model[15][i] + '</option>');
}
break;
};

一切正常，但我收到这些错误：

sybg_js_1.js：75 未捕获的类型错误：无法读取
HTMLSelectElement 中未定义的属性"长度"。(sybg_js_1.js：75)
at HTMLSelectElement.dispatch (jquery-3.2.1.min.js：3)at HTMLSelectElement.q.handle (jquery-3.2.1.min.js：3)

(匿名) @ sybg_js_1.js：75 dispatch @ jquery-3.2.1.min.js：3q.handle @ jquery-3.2.1.min.js：3

sybg_js_1.js：81 未捕获的类型错误：无法读取未定义的属性"长度"

at HTMLSelectElement.(sybg_js_1.js：81)
at HTMLSelectElement.dispatch (jquery-3.2.1.min.js：3) at HTMLSelectElement.q.handle (jquery-3.2.1.min.js：3) (匿名) @ sybg_js_1.js：81 调度 @ jquery-3.2.1.min.js：3 q.handle @ jquery-3.2.1.min.js：3 sybg_js_1.js：99 未捕获的类型错误：无法读取属性"长度" ndefined。 at HTMLSelectElement.(sybg_js_1.js：99) at HTMLSelectElement.dispatch (jquery-3.2.1.min.js：3) at HTMLSelectElement.q.handle (jquery-3.2.1.min.js：3) (匿名) @ sybg_js_1.js：99 调度 @ jquery-3.2.1.min.js：3 q.handle @ jquery-3.2.1.min.js：3 sybg_js_1.js：105 未捕获的类型错误：无法读取属性"长度" 定义 at HTMLSelectElement.(sybg_js_1.js：105) at HTMLSelectElement.dispatch (jquery-3.2.1.min.js：3) at HTMLSelectElement.q.handle (jquery-3.2.1.min.js：3) (匿名) @ sybg_js_1.js：105 调度 @ jquery-3.2.1.min.js：3 q.handle @ jquery-3.2.1.min.js：3 sybg_js_1.js：147 未捕获的类型错误： 无法读取属性"长度" 定义 at HTMLSelectElement.(sybg_js_1.js：147) at HTMLSelectElement.dispatch (jquery-3.2.1.min.js：3) at HTMLSelectElement.q.handle (jquery-3.2.1.min.js：3) (匿名) @ sybg_js_1.js：147 调度 @ jquery-3.2.1.min.js：3 q.handle @ jquery-3.2.1.min.js：3 sybg_js_1.js：75 未捕获的类型错误：无法读取属性"长度" 定义 at HTMLSelectElement.(sybg_js_1.js：75) at HTMLSelectElement.dispatch (jquery-3.2.1.min.js：3) at HTMLSelectElement.q.handle (jquery-3.2.1.min.js：3) (匿名) @ sybg_js_1.js：75 调度 @ jquery-3.2.1.min.js：3 q.handle @ jquery-3.2.1.min.js：3 sybg_js_1.js：81 未捕获的类型错误： 无法读取属性"长度" 定义 at HTMLSelectElement.(sybg_js_1.js：81) at HTMLSelectElement.dispatch (jquery-3.2.1.min.js：3) at HTMLSelectElement.q.handle (jquery-3.2.1.min.js：3) (匿名) @ sybg_js_1.js：81 调度 @ jquery-3.2.1.min.js：3 q.handle @ jquery-3.2.1.min.js：3 sybg_js_1.js：87 未捕获的类型错误：无法读取属性"长度" 定义 at HTMLSelectElement.(sybg_js_1.js：87) at HTMLSelectElement.dispatch (jquery-3.2.1.min.js：3) at HTMLSelectElement.q.handle (jquery-3.2.1.min.js：3) (匿名) @ sybg_js_1.js：87 调度 @ jquery-3.2.1.min.js：3 q.handle @ jquery-3.2.1.min.js：3 sybg_js_1.js：93 未捕获的类型错误：无法读取属性"长度" 定义 at HTMLSelectElement.(sybg_js_1.js：93) at HTMLSelectElement.dispatch (jquery-3.2.1.min.js：3) at HTMLSelectElement.q.handle (jquery-3.2.1.min.js：3) (匿名) @ sybg_js_1.js：93 调度 @ jquery-3.2.1.min.js：3 q.handle @ jquery-3.2.1.min.js：3 sybg_js_1.js：99 未捕获的类型错误：无法读取属性"长度" 定义 at HTMLSelectElement.(sybg_js_1.js：99) at HTMLSelectElement.dispatch (jquery-3.2.1.min.js：3) at HTMLSelectElement.q.handle (jquery-3.2.1.min.js：3) (匿名) @ sybg_js_1.js：99 调度 @ jquery-3.2.1.min.js：3 q.handle @ jquery-3.2.1.min.js：3 sybg_js_1.js：105 未捕获的类型错误：无法读取属性"长度" 定义 at HTMLSelectElement.(sybg_js_1.js：105) at HTMLSelectElement.dispatch (jquery-3.2.1.min.js：3) at HTMLSelectElement.q.handle (jquery-3.2.1.min.js：3) (匿名) @ sybg_js_1.js：105 调度 @ jquery-3.2.1.min.js：3 q.handle @ jquery-3.2.1.min.js：3 sybg_js_1.js：111 未捕获的类型错误：无法读取属性"长度" 定义 at HTMLSelectElement.(sybg_js_1.js：111) at HTMLSelectElement.dispatch (jquery-3.2.1.min.js：3) at HTMLSelectElement.q.handle (jquery-3.2.1.min.js：3) (匿名) @ sybg_js_1.js：111 调度 @ jquery-3.2.1.min.js：3 q.handle @ jquery-3.2.1.min.js：3 sybg_js_1.js：117 未捕获的类型错误：无法读取属性"长度" 定义 at HTMLSelectElement.(sybg_js_1.js：117) at HTMLSelectElement.dispatch (jquery-3.2.1.min.js：3) at HTMLSelectElement.q.handle (jquery-3.2.1.min.js：3) (匿名) @ sybg_js_1.js：117 调度 @ jquery-3.2.1.min.js：3 q.handle @ jquery-3.2.1.min.js：3 sybg_js_1.js：165 未捕获的类型错误： 无法读取属性"长度" 定义 at HTMLSelectElement.(sybg_js_1.js：165) at HTMLSelectElement.dispatch (jquery-3.2.1.min.js：3) at HTMLSelectElement.q.handle (jquery-3.2.1.min.js：3) (匿名) @ sybg_js_1.js：165 调度 @ jquery-3.2.1.min.js：3 q.handle @ jquery-3.2.1.min.js：3

有人知道为什么吗？

Answer 1

在所有情况下，您都希望将multi_model[10][i].length与multi_model[10].length交换(使用相应的索引而不是 10)。

对于您的循环条件，您需要multi_model中某个元素的长度。虽然multi_model元素本身就是数组，但它们不包含更多的数组，而是字符串。

尤其是i < multi_model[0][i].length应该让你怀疑的情况，这里有些事情是不合逻辑的。

祝你好运！