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

Question

我有两个下坠。州/区和乡。乡镇的下拉是空白的。如果在S/D下拉列表中选择某项内容，则乡镇下拉列表将根据S/D选择进行更改。但是我看不见镇里的下拉列表，它只是白色的。有人能帮帮我吗？

这是一项工作，但乡镇下拉列表中的变化是空白的。

我的控制器

    [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>

Answer 1

有一个语法错误

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

也许这就是原因。尝尝这个

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