Select2显示未定义

Question

我使用的是select2插件，该插件工作正常，但当我使用javascript填充选项时，该插件显示“未定义”。 我希望它显示“选择类型”，我无法将所选内容添加到“选择类型”选项，因为这是由javascript创建的，因此无法实现。

这是我的代码在调用javascript之前的样子：

<select name="ivprodtype" size="1" class="span3 no-margin-bottom"></select>

这是调用javascript后的样子：

<select name="ivprodtype" size="1" class="span3 no-margin-bottom">
 <option value="">Select Type</option>
 <option value="accessories">Accessories</option>
 <option value="bags">Bags</option>
 <option value="bbq">Barbecue</option> /*followed by many other options*/
</select>

非常感谢，

乔

Answer 1

试试这个脚本。

<script>
function f(){
var myobject = {
    ValueA : 'Select Type',
    ValueB : 'Accessories',
    ValueC : 'Bags'
    ValueD : 'Barbecue'
};

var select = document.getElementById("id");
for(index in myobject) {
    select.options[select.options.length] = new Option(myobject[index], index);
}
}
</script>