jquery的ajax动态下拉列表

来源:互联网 发布:淘宝美工设计培训 编辑:程序博客网 时间:2024/06/01 09:12

后台是返回一个json字符串

前台用ajax接收  然后把data拼接成select下拉列表

script

<script type="text/javascript" src="images/jquery.js"></script>    <script>    $(document).ready(function(){     $.get("/query",function(data,status){        for (var i = 0; i < data.length; i++) {               $("#list_vip").append("<option value="+data[i].url+">" + data[i].name + "</option>");            }      alert("数据:" + data + "\n状态:" + status);    });});</script>

 

body

<select id="list_vip" name="list_vip"> </select>
注意:别忘了引入jquery,后台地址别输错了
原创粉丝点击