Mvc 3天 ajax下拉框更改数据(明天做省级联动吧)

来源：互联网发布：网络盒子哪个好编辑：程序博客网时间：2024/05/16 12:44

视图：

                类型:                <select id="category" name="category"></select>                <select id="categoryid" name="categoryid"></select><script type="text/javascript">    Category();    Categoryid();    $("#category").change(function () {        Categoryid();    });</script>

Js:

function Category() {    $.ajax({        url: "/Json/New.ashx",        dataType: "json",        cache: false,        data: "class=category",        type: "Post",        success: function (data) {            var msg;            for (var i = 0, length = data.cate.length; i < length; i++) {                msg += " <option value='" + data.cate[i].CategoryId + "'>" + data.cate[i].CategoryName + "</option>";            }            $("#category").html(msg);        }    })}function Categoryid() {    var id = $("#category").val();    $.ajax({        url: "/Json/New.ashx",        dataType: "json",        cache: false,        data: "class=categoryid&id="+id,        type: "Post",        success: function (data) {            var msg;            for (var i = 0, length = data.cate.length; i < length; i++) {                msg += " <option value='" + data.cate[i].CategoryId + "'>" + data.cate[i].CategoryName + "</option>";            }            $("#categoryid").html(msg);        }    })}

后台：

后台就是把数据 Json转换出来

其中有Model=》Json 可以直接打出来用什么函数去了？明天弄

Datable=>json 通过自定义函数

链接：http://blog.csdn.net/sf1520398083/article/details/49228315

今日问题：

1.<select Id="test"></select>

$("#categoryid").html(msg); //select 里面只能是HTML

Jq改至有：text()文本、Html() 标签、Val()、attr() 属性值

2.Json传值过来有2中形式：1种有类名，一种没有类名

①：

{"cate":[{"CategoryId":"1","CategoryPid":"","CategoryName":"成人教育"},{"CategoryId":"2","CategoryPid":"","CategoryName":"职称考试"},{"CategoryId":"3","CategoryPid":"","CategoryName":"企业培训"},{"CategoryId":"9","CategoryPid":"","CategoryName":"官方公告"}]}

②：

:[{"CategoryId":"1","CategoryPid":"","CategoryName":"成人教育"},{"CategoryId":"2","CategoryPid":"","CategoryName":"职称考试"},{"CategoryId":"3","CategoryPid":"","CategoryName":"企业培训"},{"CategoryId":"9","CategoryPid":"","CategoryName":"官方公告"}]

在ajax中遍历取值的时候：

① 有类名 data.类名.length

            for (var i = 0, length = data.cate.length; i < length; i++) {                msg += " <option value='" + data.cate[i].CategoryId + "'>" + data.cate[i].CategoryName + "</option>";            }

②无类名 data.length

            for (var i = 0, length = data.length; i < length; i++) {                msg += " <option value='" + data[i].CategoryId + "'>" + data.CategoryName + "</option>";            }

3.下拉框刷新了1，但是2没反应，硬是要第一个选了后才行哪里的问题了额？

问题图：

0 0