分享

利用ajax,数据库制作2级联动菜单

 aolingping 2011-11-30
<script>
$(function(){
        $("#Property").live("change", function () {
            var sender = $(this);
            var select = sender.next();
            $.post("/FinanceAccount/GetCategoryByPropID", { "PropertyID": sender.val() }, function (json) {
                if (json.result == null)
                    return;
                select.empty();
                for (var i = 0; i < json.result.length; i++) {
                    select.append("<option value='" + json.result[i].ID + "'>" + json.result[i].Name + "</option>");
                }
            }, "json");
        });
})
</script> 
说明://利用ajax到后台请求数据,返回一个json对象,json.result 包含所需数据的列表   
<div class="item">
        <span class="item_left">性质:</span> <span class="item_right">
            <select id="Property" name="PropertyID">
                @foreach (var item in Model.PropertiesList)
                {
                    <option value="@item.ID">@item.Value</option>
                }
            </select>
            <select id="type" name="CategoryID">
                <option>请选择</option>
            </select>
        </span>
    </div>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多