jquery - Jquery 类别 abd 子类别嵌套下拉

Question

我在 Asp.Net MVC3 中有 2 个下拉菜单。

1. 控制器提供类别列表，我正在使用 Jquery Ajax 调用控制器类别方法并在下拉列表中填充类别列表。

2. 控制器提供子类别列表，我正在使用 Jquery Ajax 调用控制器子类别方法并在下拉列表中填充子类别列表。

如何使用 jquery 根据所选类别填充 su7bcategories ？任何帮助，将不胜感激。

如果有任何其他替代选项可以执行此任务，还建议我。

Answer 1

将 onchange 事件附加到类别并将选定的类别索引发送到服务器。服务器方法应填写其他下拉列表中的子类别

Answer 2

<table>
    <tr>
        <td>Category
        </td>
        <td>
            <select id="Category"></select>
        </td>
    </tr>
    <tr>
        <td>Subcategory
        </td>
        <td>
            <select id="SubCategory"></select>
        </td>
    </tr>
</table>

<script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
            url: '/ControllerName/GetAllCategory', type: 'Get', dataType: 'json',
            success: function (data) {
                var categoryObj = $('#Category');
                categoryObj.empty();
                $.each(data, function (i, entity) {
                    categoryObj.append('<option value="' + entity.Id + '">' + entity.Name + '</option>');
                });
            }
        });

        $('#Category').change(function () {
            $('#SubCategory').empty();
            if ($(this).val() != null && $(this).val() != 0) {
                $.ajax({
                    url: '/ControllerName/GetAllSubCategory', type: 'Get', dataType: 'json',
                    data: { CategoryId: $(this).val() },
                    success: function (data) {
                        var subCategoryObj = $('#SubCategory');
                        //subCategoryObj.empty();
                        $.each(data, function (i, entity) {
                            subCategoryObj.append('<option value="' + entity.Id + '">' + entity.Name + '</option>');
                        });
                    }
                });
            }
        });
    });
</script>