javascript - 如何根据另一个下拉值选择下拉项

Question

我的 asp.net mvc Web 应用程序中有以下脚本：-

$("#Server_RackID").change(function () {
            var idDC = $(this).val();
            $.getJSON("/Server/LoadDataCenterByRackID", { rackid: idDC },
            function (DCData) {
                var select = $("#Server_TMSRack_DataCenterID");
                select.empty();
                $("#Server_TMSRack_DataCenterID").val() = DCData.Value;

            });
        });

这个想法是，当用户更改 Server_RackID 下拉列表时，我需要根据返回 ID 选择 Server_TMSRack_DataCenterID。将被调用的操作方法如下所示：-

 [CheckUserPermissions(Action = "Edit", Model = "Server")]
     public JsonResult LoadDataCenterByRackID(string rackid)
     {
         var datacenter = repository.FindRack(Convert.ToInt32(rackid));



         return Json(new { Value = datacenter.DataCenterID }, JsonRequestBehavior.AllowGet);
     }

但是当我运行我的代码时，出现以下错误：-

0x800a138b - JavaScript 运行时错误：无法分配给函数结果

Answer 1

您正在尝试将值分配给 val() 函数，而不是“#Server_TMSRack_DataCenterID”。所以而不是：

$("#Server_TMSRack_DataCenterID").val() = DCData.Value;

尝试

$("#Server_TMSRack_DataCenterID").val(DCData.Value);

Answer 2

你错误的使用val()是你搞砸的原因。在此处查看文档val()，它必须是$(identifier).val(value)。尝试这个

$("#Server_RackID").change(function () {
            var idDC = $(this).val();
            $.getJSON("/Server/LoadDataCenterByRackID", { rackid: idDC },
            function (DCData) {
                $("#Server_TMSRack_DataCenterID").val(DCData.Value);
            });
        });