Select2 display undefined

Question

Я использую плагин select2, плагин работает нормально, за исключением случаев, когда я использую javascript для заполнения параметров, он отображает «undefined». Я хочу, чтобы он отображал «Выбрать тип», я не могу добавить выбранный параметр «Выбрать тип», поскольку это невозможно, потому что это создано 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>