zoukankan      html  css  js  c++  java

  • jquery 读取xml数据示例

    1. <html>   
    2. <head>   
    3. <title>jquery xml解析</title>   
    4. <script type="text/javascript" src="js/jquery-1.3.2.js"></script>   
    5. <script type="text/javascript">   
    6.     $(document).ready(   
    7.             function() {   
    8.                 $.ajax( {   
    9.                     url : "xx.xml",   
    10.                     success : function(xml) {   
    11.                         $(xml).find("province").each(function() {   
    12.                             var t = $(this).attr("name");//this->      
    13.                                 $("#DropProvince").append(   
    14.                                         "<option>" + t + "</option>");   
    15.                             });   
    16.                     }   
    17.                 });   
    18.                 $("#DropProvince").change(   
    19.                         function() {   
    20.                             $("#sCity>option").remove();   
    21.                             var pname = $("#DropProvince").val();   
    22.                             $.ajax( {   
    23.                                 url : "xx.xml",   
    24.                                 success : function(xml) {   
    25.                                     $(xml).find(   
    26.                                             "province[name='" + pname   
    27.                                                     + "']>city").each(   
    28.                                             function() {   
    29.                                                 $("#sCity").append(   
    30.                                                         "<option>"  
    31.                                                                 + $(this)   
    32.                                                                         .text()   
    33.                                                                 + "</option>");   
    34.                                             });   
    35.                                 }   
    36.                             });   
    37.                         });   
    38.             });   
    39. </script>   
    40. </head>   
    41. <body>   
    42. <form id="form1">   
    43. <div>   
    44.     <select id="DropProvince" style=" 60px;">   
    45.         <option>请选择</option>   
    46.     </select>   
    47.     <select id="sCity" style=" 60px;">   
    48.     </select>   
    49. </div>   
    50. </form>   
    51. </body>   
    52. </html>  
  • 相关阅读:
    git中Please enter a commit message to explain why this merge is necessary.
    用$(this)选择其下带有class的子元素
    将某页面中ajax中获取到的信息放置到sessionStorage中保存，并在其他页面调用这些数据。
    返回顶部黑科技
    对于div里面内容过大根据长度或者宽度进行适配，然后可以滚轮缩放的功能
    vue runtime报错问题
    webpack简单配置
    input type=color 设置颜色
    vue统一注册组件
    vue模板字符串写法
  • 原文地址：https://www.cnblogs.com/xie/p/1752769.html
Copyright © 2011-2022 走看看