0

我想要完成的是以下内容：

我有一个国家盒子。

<select class="country singleListBox" name="Country">
    <option value="UNITED STATES">UNITED STATES</option>
    <% Call GetCountry %>
</select>

GetCountry 所做的只是用客户端启用的国家/地区填充它。

我有一个状态框。

<select class="autoship singleListBox" name="State">
    <option value="active">Utah</option>
</select>

我有一个构建 JSON 的页面，该页面将包含所选国家/地区的州列表，或者返回一个空值。

这是它看起来不为空的样子：

{
    "regions": [
        {
            "region": "AK"
        },
        {
            "region": "AL"
        },
        {
            "region": "AR"
        },
        {
            "region": "AS"
        },
        {
            "region": "AZ"
        },
        {
            "region": "CA"
        },
        {
            "region": "CO"
        },
        {
            "region": "CT"
        },
        {
            "region": "DE"
        },
        {
            "region": "DC"
        },
        {
            "region": "FM"
        },
        {
            "region": "FL"
        },
        {
            "region": "GA"
        },
        {
            "region": "GU"
        },
        {
            "region": "HI"
        },
        {
            "region": "ID"
        },
        {
            "region": "IL"
        },
        {
            "region": "IN"
        },
        {
            "region": "IA"
        },
        {
            "region": "KS"
        },
        {
            "region": "KY"
        },
        {
            "region": "LA"
        },
        {
            "region": "ME"
        },
        {
            "region": "MH"
        },
        {
            "region": "MD"
        },
        {
            "region": "MA"
        },
        {
            "region": "MI"
        },
        {
            "region": "MN"
        },
        {
            "region": "MS"
        },
        {
            "region": "MO"
        },
        {
            "region": "MT"
        },
        {
            "region": "NE"
        },
        {
            "region": "NV"
        },
        {
            "region": "NH"
        },
        {
            "region": "NJ"
        },
        {
            "region": "NM"
        },
        {
            "region": "NY"
        },
        {
            "region": "NC"
        },
        {
            "region": "ND"
        },
        {
            "region": "MP"
        },
        {
            "region": "OH"
        },
        {
            "region": "OK"
        },
        {
            "region": "OR"
        },
        {
            "region": "PW"
        },
        {
            "region": "PA"
        },
        {
            "region": "PR"
        },
        {
            "region": "RI"
        },
        {
            "region": "SC"
        },
        {
            "region": "SD"
        },
        {
            "region": "TN"
        },
        {
            "region": "TX"
        },
        {
            "region": "UT"
        },
        {
            "region": "VT"
        },
        {
            "region": "VI"
        },
        {
            "region": "VA"
        },
        {
            "region": "WA"
        },
        {
            "region": "WV"
        },
        {
            "region": "WI"
        },
        {
            "region": "WY"
        },
        {
            "region": "AA"
        },
        {
            "region": "AE"
        },
        {
            "region": "AP"
        }
    ]
}

这是它看起来像空的样子：

{
    "regions": [
        {
            "region": "empty"
        }
    ]
}

我想要做的是，当他们更改它发布到我的 json 页面的 Country 的值时，并吐回找到的区域，或者留下字符串值为空的区域。

对我来说，诀窍是如果它返回一个我需要将其构建到上述select -> option部分的区域列表。但是如果它返回空，那么我需要一个input box here of type text来代替select -> option.

实现这一目标的最佳方式/最佳实践是什么？当他们更改国家/地区时，我可以处理 JSON 的发布，我认为我会遇到麻烦的部分是当区域为空时切换输入的选择。

我试图将其解析为一个 jquery 对象，但没有取得多大成功。

$('select[name=Country]').change(function () {
                console.log(this.value);
                $.getJSON('message_center_getRegions.asp', { country: this.value }, function (json) {
                var options = '';
                var obj = $.parseJSON(json);
                console.log('count' + obj.regions.count);
                console.log(json); 
            })

我console.log(json)和它显示了一个具有 62 个不同区域的对象。当我选择一个我在数据库中没有区域的国家时，它正确地将其显示为空。我似乎无法让 obj 不为 nullconsole.log('count' + obj.regions.count);说obj is null。

4

1 回答 1

1

理想情况下，如果没有区域，则响应不应返回

"regions" : [ { "region" : "empty" } ]

它应该只返回一个像这样的空列表

"regions" : []

现在，当您将 JSON 解析为 Javascript 对象时，regions.count将为 0。

所以，

// parse response into JS object

if (regions.count > 0)
{
    //create select element here
}
else
{
    //input element here
}
于 2012-04-03T22:04:10.377 回答