MVC 页面实现ajax刷新联动下拉列表



一个下拉列表的值改变，刷新另一个下拉列表的值

<script type="text/javascript">
    $(document).ready(function () {
        $(".selectChange").change(function () {
            $.ajax({
                type: "POST",
                url: "AJAXGetLineFromFactory",  //后台函数，调用函数成功否在于地址对不对。可以试试加控制器url: "Home/AJAXGetLineFromFactory"，或者url: "../Home/AJAXGetLineFromFactory"
                data: { factory: $(this).children("option:selected").val() },
                dataType: "json",
                success: function (data) {
                    $(".valueChange").empty();
                    if (data.length != 0) {
                        $.each(data, function (i, item) {
                            $("<option></option>")
                            .val(item)
                            .text(item.replace(item.substring(0, item.length -1), "Line "))
                            .appendTo($(".valueChange"));
                        });
                    }
                }
            });
        });
    });
    </script> 

页面标签如下：

<select name="factory" class="selectChange">
                 @foreach (var factorytemp in @ViewBag.allFactory)  //ViewBag.allFactory是从后台传到前台的值集合
                {
                    if (@ViewBag.factory == @factorytemp)
                    {
                         <option value=@factorytemp selected="selected">@factorytemp</option>
                    }
                    else
                    {
                         <option value=@factorytemp>@factorytemp</option>
                    }
                }
                </select>

<select name="line" class="valueChange">
                @foreach (var linetemp in @ViewBag.allLineList)
                {
                    if (@ViewBag.line == @linetemp)
                    {
                        <option value=@linetemp selected="selected">@linetemp</option>
                    }
                    else
                    {
                        <option value=@linetemp>@linetemp</option>
                    }
                }
                </select>