求ASP.NET MVC （+ Jquery） 实现下拉框数据联动

Question

本帖最后由 pantao98 于 2010-06-04 11:46:33 编辑

Answer 1

三个下拉框，省、市、区
先将数据绑定在省上
$("#Province").change(function () {
            FillCity($(this).val());
        });
function FillCity(o) {
        var selectElement = document.getElementById("City");
        for (var i = selectElement.options.length - 1; i > 0; i--) {
            selectElement.remove(i);
        }
        if (o == 0) {             //o=0的意思是省下拉框选择了第一个：“请选择”
            selectElement.disabled = true;
            return false;
        }
        j$.ajax({
            type: "GET",
            url: "/ajax/getCity",    //这个是ajaxController中的getCity actoin
            data: "p=" + o,
            dataType: "json",
            success: function(msg) {
                if (msg.length > 0) {
                    selectElement.disabled = false;
                    for (var i = 0; i < msg.length; i++) {
                        selectElement.options.add(new Option(msg[i].Value, msg[i].Key));
                    }
                    selectElement.selectedIndex = 0;
                }
            }
        });ajaxController中的getCity actoin
getCity(string p)
这里接收传过来的省id
再查询数据库，将此省的城市查询出来
然后生成Json格式数据并return

Answer 2

ASP.NET MVC + Jquery　实现Ajax下拉框数据三级联动http://space.cnblogs.com/group/topic/9741/

Answer 3

jquery ajax + json 搞定,
C#返回json ；jquery 展示, Over