码迷,mamicode.com
首页 > Web开发 > 详细

ajax 遍历select 下拉框

时间:2017-06-21 16:51:58      阅读:276      评论:0      收藏:0      [点我收藏+]

标签:text   content   cat   页面   pat   rip   app   action   加载   

html :<select id="type"   > </select>

js代码:

<script type="text/javascript"> 
//动态绑定下拉框项 
        function addnotice() { 
            $.ajax({ 
                url: "${pageContext.request.contextPath}/dictionary/jindex.action?sign=4",      //后台返回json数据
                type: "post", 
                dataType: "json", 
                contentType: "application/json", 
                traditional: true, 
                success: function (data) { 
                    for (var i in data) { 
                        var jsonObj =data[i]; 
                        var optionstring = ""; 
                        for (var j = 0; j < jsonObj.length; j++) {
                            optionstring += "<option value=\""  + jsonObj[j].name + "\">" + jsonObj[j].name + "</option>"; 
                            $("#type").html("<option value=‘请选择‘  >请选择...</option>"+ optionstring);
                        } 
                      
                        
                    } 
                }, 
                error: function (msg) { 
                    alert("出错了!"); 
                } 
            });           
        }; 
         window.onload=addnotice; //页面加载完自动加载
    </script>

ajax 遍历select 下拉框

标签:text   content   cat   页面   pat   rip   app   action   加载   

原文地址:http://www.cnblogs.com/xiaolaoda/p/7060055.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!