javascript - 从 json 对象中获取值并将其分配给下拉列表

Question

我正在使用带有 C# 的 asp.net WebForm 页面，我有一个类 Place ，它具有属性 int placeId、string place 和巴拉迪巴拉迪。

Baladi 类具有属性 int baladiId、string baladi。

在 javascript 中，我正在调用一个返回对象 Place 的方法。我有一个带有 TextBox、HiddenField 和 DropDownList 的 Bootstrap 模式，我可以将 TextBox 的值设置为 Place.place，将 HiddenField 设置为 Place.placeId。

我需要的是根据Place.baladi.baladiId设置DropDownList的选定索引。当我在代码中尝试时，它会不断选择 DropDownList 中的第一项。

下面是我的代码:

public class Place
{
    public int placeId { get; set; }
    public string place { get; set; }
    public Baladi baladi { get; set; }
}
public class Baladi
{
    public int baladiId { get; set; }
    public string baladi { get; set; }
  }

<script>
        $(document).on("click", ".btnEdit", function () {
            var pid = $(this).data('id');
            $.ajax({
                type: "POST",
                url: "place.aspx/getPlace",
                data: '{placeId: "' + pid + '" }',
                contentType: "application/json; charset=utf-8",
                dataType: "json", // dataType is json format
                success: OnSuccess,
                error: OnErrorCall
            });

            function OnSuccess(response) {
                console.log(response.d);
                $("#txtEditPlace").val(response.d['place']);
                $("#ddlCity").val(response.d['baladi']['baladiId']);
                $("#hfPlaceId").val((response.d['placeId'] == null ? "" : response.d['placeId']));
            }
            function OnErrorCall(response) { console.log(response); }
        });
    </script>

如有任何帮助，我们将不胜感激!

Answer 1

public int baladiId { get; set; }

baladiId 被声明为 int。 val 函数仅在传递字符串 IE "2" 和 2 不是等效值时才起作用。在设置下拉列表值之前，您是否尝试过转换 baladidId？

$("#ddlCity").val(String(response.d['baladi']['baladiId']))