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

视图:

                类型:
                <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没反应,硬是要第一个选了后才行 哪里的问题了额?

问题图:


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值