jquery ajax在select中动态加载option(下拉框)

jsp代码:

<script type="text/javascript">
        $(function(){
                findCenterName();
        }); 
</script>
<body>
     <div style="margin-right: 90px">
     	<select name="key_domain_name" id="key_domain_name" class="btn select2me">
        </select>
     </div>
</body>

js代码:

function findCenterName(){
    //清空原有select内的数据
    $("#key_domain_name").empty();
    $.ajax({
        url: getRootPath() + '/data/catalog/government/catalogSearch.do?method=GetCatalogDomain',
        type:"post",
        dataType:"json",
        success:function(data){
            $("#key_domain_name").append("<option value='-1'>重点领域</option>");
            //遍历 json为{id:"00",text:"aa".....},{id:"01",text:"bb".....}
            $.each(data, function (index, item) {
                var id = data[index].key_domain_id;
                var text = data[index].key_domain_name;
                $("#key_domain_name").append("<option value='"+text+"'>"+text+"</option>");
            });
        },
        error:function(XMLHttpRequest,textStatus, errorThrown) { 
          // alert(errorThrown);
         }
      });
}

猜你喜欢

转载自blog.csdn.net/weixin_43240792/article/details/89520207