关于select元素的一些基本知识

为select元素绑定值的几个方法：

一、通过字符串拼接，让后追加到select元素下，

二、通过DOM创建option元素，为其绑上value值和文本：

 1 function loadProvinve() {
 2     $.get('Handler/GetProvinceHandler.ashx', function (result) {
 3         var oJson = eval("(" + result + ")");
 4         var oProvinve = document.getElementById('province');
 5         for (var i = 0; i < oJson.length; i++) {
 6             var oPtion = document.createElement('option');
 7             oPtion.setAttribute('value', oJson[i].ID);
 8             var option_text = document.createTextNode(oJson[i].Text);
 9             oPtion.appendChild(option_text);
10             oProvinve.appendChild(oPtion);
11         }
12     });
13 }

 

三、同过Option对象创建,

$.get("Handler/GetHospitalTypeHandler.ashx", function (result) {
    var jsonStr = eval("(" + result + ")");
    for (var i = 0; i < jsonStr.length; i++) {
        oScType.options[i] = new Option(jsonStr[i].text, jsonStr[i].id);
    }

});

 它还有内置的方法add，可以把上面循环中的代码写成下面的（上面是根据索引添加的，下面是在现有基础上累加的）

1 oSelect.options.add(new Option(oJson[i].Text, oJson[i].ID));

 

转载于:https://www.cnblogs.com/Mryjp/p/select.html