javascript - 如何将javascript数组绑定到mvc4剃须刀列表框

Question

我在java脚本中有一个数组

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

我想将此数组绑定到剃须刀页面的多选列表框。

任何人都可以帮助我吗？

Answer 1

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

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>

Answer 2

<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);
    }
}