下拉列表onchange无法显示下拉列表

时间:2019-09-18 09:31:56

标签: c# ajax asp.net-mvc

我有2个下拉菜单。州/分区和乡镇。乡镇下拉列表为空白。如果我在S / D下拉列表中选择了某些内容,则Township下拉列表会根据S / D选择而变化。但是我看不到Township中的下拉列表,它只是白色的。有人可以帮我吗?

可以,但是乡镇下拉列表中的更改为空白。

我的控制器

    [HttpGet]
    public JsonResult Township_Filter(string id)
    {
        List<string> tsp = db.TB_Township.Where(t => t.StateDivisionID.Equals(id)).Select(t => t.Township).ToList();
        return Json(tsp, JsonRequestBehavior.AllowGet);
    }

我的Ajax呼叫

        $(document).ready(function () {
        $("#StateDivision").on("change", function () {
            var sdID = $("#StateDivision").val();

            $.ajax({
                type: 'GET',
                url: '/LoanMaster/Township_Filter',
                data: {id : sdID},
                beforeSend: function(){

                },
                success: function (tsp) {
                    if(tsp != null)
                    {
                        $('#Township').empty();

                        $('#Township').append($('<option value="">--Choose--</option>'));
                        for (i = 0; i < tsp.length; i++)
                        {
                            $('#Township').append($('<option value="' + tsp[i] + '>"' + tsp[i] + '</option>'));
                        }
                    }
                },

                complete: function () {

                }
            });
        });
    });

我的观点

            <select id="StateDivision" class="form-control">
                <option>--Choose--</option>
                <option value="100">A</option>
                <option value="101">B</option>
            </select>

            <select id="Township" class="form-control abc">
                <option>--Choose--</option>
            </select>

1 个答案:

答案 0 :(得分:1)

存在语法错误

$('<option value="' + tsp[i] + '>" ' + tsp[i] + '</option>')

也许就是原因。试试这个

$('<option value="' + tsp[i] + '">' + tsp[i] + '</option>')
相关问题