jquery 解析xml 添加到 select

最新推荐文章于 2021-08-06 01:52:43 发布

原创最新推荐文章于 2021-08-06 01:52:43 发布 · 147 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#XML #jQuery #Ajax #ViewUI

Jquery 专栏收录该内容

15 篇文章

订阅专栏

本文展示了如何使用jQuery AJAX从服务器加载XML数据，并将数据转换为一个包含多种情况类型的下拉菜单选项。

$(document).ready(function(){
var   provinceurl="/situationtype/getSituationTypesXML.action";
$.ajax({
   url:provinceurl,
      type: 'POST',
      dataType: 'xml',
      data: "name=John",
      timeout: 1000,
      error: function(){
      alert('Error loading XML document');
      },
      success: function(xml){
       $(xml).find("situationtype").each(function()     {
           var qxlx_dm=$(this).children("QXLX_DM").text();
           var qxlx_mc=$(this).children("QXLX_MC").text();
        $("#qxlx_dm").append("<option value="+qxlx_dm+">"+qxlx_mc+"</option>");
       });
     } ,
     complete:function(){
      $("#qxlx_dm option[value='0005']").attr("selected", true);
     }
});
});