如何将javascript数组绑定到mvc4 razor列表框

时间:2013-04-24 09:56:53

标签: javascript asp.net-mvc-3 asp.net-mvc-4

我在java脚本中有一个数组

var aaa = ["school1,100"],["school2,101"],["school3,103"]

我想将此数组绑定到剃刀页面的Multiselect Listbox。

任何人都可以帮助我?

2 个答案:

答案 0 :(得分:1)

您必须使用jQuery将Javascript数组绑定到列表框。下面的代码将帮助您将JS Array绑定到列表框。

<强> JAVASCRIPT

   $(document).ready(function () {

 var aaa = ["school1,100", "school2,101", "school3,103"]

 for (var i = 0; i < aaa.length; i++) {
     $('#listbox').append('<option>' + aaa[i] + '</option>');
 }
});

<强> HTML

 <select id="listbox" size="5"></select>

答案 1 :(得分:0)

<select id="listbox" size="5"></select>

JS:

var select = document.getElementById('listbox');
addOptions(select, aaa);

function addOptions(el, ar){
    for(var i = 0; i < ar.length; i++){
        var option = document.createElement('option');
        option.innerHTML = ar[i];
        el.appendChild(option);
    }
}