Question

参考this issue，我在我的骨干项目render()中所做的是：

var topDepartment = serializeObjToJSON(nav.getTopDepartment(15));
//here is the result of topDepartment : [{"DepartmentName":"Test1","ID":56},{"Test2":"Professional Video Broadcast","ID":57},......]

function format(dep) { return dep.DepartmentName; };
$("#selCate").select2({
              dropdownCssClass : 'bigdrop', 
              minimumResultsForSearch : -1, 
              data:{results : topDepartment,text:'DepartmentName'},
              formatSelection: format,
              formatResult: format});

这里是html：

<select id="selCate"></select>

在Chrome上运行，即使select为空，也没有显示错误。但是在firefox Error: Option 'data' is not allowed for Select2 when attached to a <select> element.中出现了。

问题：运行页面时，option中没有任何<select>。

知道可能导致这种情况的原因。感谢。

Answer 1

我通过这样做解决了我的问题：

 $("#selCate").select2({placeholder: "Select a State",dropdownCssClass : 'bigdrop', minimumResultsForSearch : -1});
 _.each(nav.getTopDepartment(15),function(cat){
       $('#selCate').append('<option value="' + cat.ID + '">'+ cat.DepartmentName +'</option>');
 });

这是html：

 <select id="selCate">
    <option></option>
 </select>

选择2使用JSON作为本地数据不起作用

1 个答案: