无法调用带空格的数组值

我的一些代码有一个小问题.2选择通过以下代码填充

var data_business_type = [
{"category": "Automotive","type": "Please Select Type"}, 
{"category": "Automotive","type": "Auto Accessories "},
{"category": "Real Estate","type": "Please Select"},
{"category": "Real Estate","type": "Apartment & Home Rental"}/*problem here*/
];/*around 150 more 'types' in total*/

$('#r_businessCategory').append('Please Select Category');
$('#r_businessType').append('Please Select Type');
$('#r_businessOther').hide();

var r_categories = [];
 $.each(data_business_type, function(index, item) {
  if (r_categories.indexOf(item.category) < 0) {
   r_categories.push(item.category);
 };
});

$.each(r_categories, function(index, item) {
 $('#r_businessCategory').append('' + item + '');
});

$('#r_businessCategory').on('change', function() {
 $('#r_businessType').empty();
  var business_types = [];
$.each(data_business_type, function(index, item) {
 if (business_types.indexOf(item.type) < 0 && $('#r_businessCategory').val() == item.category) {
  business_types.push(item.type);
 };
});

除非我希望'类别'有多个单词,否则它应该适用.的jsfiddle

我还在努力学习,所以我不知道如何使用所有括号,如果这改变了什么.我试过寻找类似的问题但是当我尝试解决方案时,它会混淆不同的部分,所以我尚未找到有效的解决方案.抱歉,如果难以阅读的话.

任何帮助,将不胜感激

如果属性值包含空格(或其他一些特殊字符),则必须将其放在引号中.总是在属性值周围加上引号是一个很好的理想.

$('#r_businessCategory').append('' + item + '');

您还可以使用jQuery函数使用结构化参数创建元素.

$('#r_businessCategory').append($('', { value: item }));