js下拉框动态加载数据信息

         html页面：

 <select onchange="selectOnchang(this)"  id="TypeName"  >                                 <option value="1">通过</option>                    <option value="2">未通过</option>                    <option value="3">待审批</option> </select>

这个不能动态加载了。

      动态加载html页面：

  <select  id="TypeName"  onclick="getschoolList()" >                                                                     </select>

      js代码：

      上一次代码中有两个错误，数据可以重复加载。选不中选项。现在开始修改了。

//下拉框年级function getcategory(){        $.ajax({        url: "/DayDetails/getcategory",//跳转到下一个页面        // 数据发送方式        type: "get",        // 接受数据格式        dataType: "json",        // 要传递的数据        data: 'data',        // 回调函数，接受服务器端返回给客户端的值，即result值        success: function (data) {            var area = document.getElementById("category");            var optionstring = "";           //公共变量加载一次清空            if (data.length > 0) {                for (var i = 0; i < data.length; i++) {                                       optionstring += "<option value=" + data[i].gradeID + ">" + data[i].usergrade + "</option>"; //公共变量赋值                }            }            if (area.options.length==0) {                 //如果下拉框没有数据才进行加载                $("#category").html(optionstring);   //下拉框加载数据                $('#category').selectpicker('refresh');            }        },        error: function (data) {            alert("查询学校失败" + data);        }    })}  

      js中：

 var id = document.getElementById("TypeName").value;

var name = $("#TypeName").val();

  

    name代表的userGrade。

    id代表的是gradeID。