XML做下拉列表

时间：2022-02-27 14:58:26

5-18X.php主页面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<!--自此一下开始编写-->

<script src="jquery-2.1.1.min.js"></script>

</head>

<body>

<select id="m"></select>

</body>

<script type="text/javascript">

//jquery是由javascript开发的一个框架,并不是一种独立的语言,这种框架其实就是javascript的一个函数,函数名就为jquery,

//由于在框架中把jquery简写成了一个简单的$符号,所以这个函数的使用格式就变成了$(),自然使用jquey就得加$()或jquery();

$(document).ready(function(e) {

    $.ajax({

        url:"X.php",

        dataType:"XML",

        success: function(data)

        {

            var ch = $(data).find("x").children();

            var str ="";

//XML 传输的是一个页面，引用时作为变量，取jquery地址

            for(var i=0;i<ch.length;i++)

            {

                var code = $(ch[i]).find("code").text();

                var name = $(ch[i]).find("name").text();

                str+="<option value='"+code+"'>"+name+"</option>";

            }

        $("#m").html(str);

        }

    })

});

//$()就是jquery的一个标识符 就类似于php中变量要用$定义一样

</script>

</html>

X.php

<?php

include("./Tp.class.php");

$db=new Tp();

$sql="select * from car";

$attr=$db->query($sql);

//XML 输出

echo "<x>";

foreach($attr as $k=>$v)  //$k 是主键值

{

    echo "<m{$k}>";

    echo "<code>{$v[0]}</code>";

    echo "<name>{$v[1]}</name>";

    echo "</m{$k}>";

}

echo "</x>";

?>

相关文章