2013-08-12 114 views
0

我使用的是select2插件,插件工作正常,除了当我使用javascript来填充它显示'未定义'的选项。我希望它显示'选择类型',我不能将选择添加到'选择类型'选项,因为这是不可能的,因为这是由javascript创建的。Select2显示undefined

这是我的代码看起来像调用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> 

非常感谢,

+0

您包括了,Select2.js? – Andro

+0

是的,感谢您的快速回复 – Youssef

回答

0

试试这个脚本..

<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> 
+0

谢谢,来自CMS的选项,所以我不能真正对它们进行更改,我试图使用占位符配置(http://ivaynberg.github.io/select2/) 。 – Youssef

+0

嗨,大家好,我对此进行了整理,我使用jQuery从VCP中调用后从目标选项中删除了具有空值的值属性,并且它工作正常,我认为select2不喜欢空值属性。 – Youssef