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

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

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

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

function loadProvinve() {
    $.get('Handler/GetProvinceHandler.ashx', function (result) {
        var oJson = eval("(" + result + ")");
        var oProvinve = document.getElementById('province');
        for (var i = 0; i < oJson.length; i++) {
            var oPtion = document.createElement('option');
            oPtion.setAttribute('value', oJson[i].ID);
            var option_text = document.createTextNode(oJson[i].Text);
            oPtion.appendChild(option_text);
            oProvinve.appendChild(oPtion);
        }
    });
}

三、同过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，可以把上面循环中的代码写成下面的（上面是根据索引添加的，下面是在现有基础上累加的）

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