ajax 遍歷select 下拉框


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>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM