jquery的ajax动态下拉列表

电玩女神 2022-06-04 03:37 295阅读 0赞

后台是返回一个json字符串

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

script

  1. <script type="text/javascript" src="images/jquery.js"></script>
  2.     <script>
  3.     $(document).ready(function(){
  4.      $.get("/query",function(data,status){
  5.         for (var i = 0; i < data.length; i++) {
  6.                $("#list_vip").append("<option value="+data[i].url+">" + data[i].name + "</option>");
  7.             }
  8.       alert("数据：" + data + "\n状态：" + status);
  9.     });
  10. });
  11. </script>

body

  1. <select id="list_vip" name="list_vip">
  3.  </select>

注意：别忘了引入jquery，后台地址别输错了

发表评论

表情：
评论列表 （有 0 条评论，295人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Ajax动态下拉列表

    　许多页面上都涉及有下拉框，即select标签。对于简单的下拉框，被选择的数据是不需要改变的，我们可以用写死。这样下拉框的数据永远都是那几条。 　　示例： 1 <s

    妖狐艹你老母妖狐艹你老母/ 0 赞/ 249 阅读