显示国家/地区州名,并在两个字段中仅显示国家名

时间:2020-03-04 11:44:20

标签: javascript html css bootstrap-4

如何显示国家/地区城市名称。我发现的结果是在其余两个字段中仅显示国家/地区名称。

request.Headers.Add("Authorization", getAuth(authScope, reason) + authTarget);

string getAuth(string scope, string target)
    {
        long utcTimeInMilliseconds = DateTime.UtcNow.Ticks / 10000;
        long expires = ((utcTimeInMilliseconds + (7200 * 1000)) / 1000);
        string sr = scope + "%2f" + target + "%2f" + deviceId;
        string sigNoEncode = computeHash(deviceKey, sr + '\n' + expires.ToString());
        string sigEncoded = Uri.EscapeDataString(sigNoEncode);
        return "SharedAccessSignature sr=" + sr + "&sig=" + sigEncoded + "&se=" + expires.ToString();
    }

功能无法正常工作。问题是所选用户没有正确显示或存储。

<html>
<head>
    <title>dispaly country state district/title>
    <link rel="stylesheet" href="coun.css">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
    <script>
        var stateObject = {
        "India": { "AndhraPradensh": ["Guntur", "ananthapur","kurnool","krishna","kadapa"],
        "Kerala": ["Thiruvananthapuram", "Palakkad"],
        "Goa": ["North Goa", "South Goa"],
        },
        "The United States of America": {
        "califonia": ["California’s 34th congressional district", "California’s 38th congressional district"],
        "Florida": ["Florida"]
        }, "Canada": {
        "Alberta": ["Acadia", "Bighorn"],
        "Columbia": ["Washington DC"]
        },
        }
        window.onload = function ()
        {
            var countySel = document.getElementById("countySel"),
                stateSel = document.getElementById("stateSel"),
                districtSel = document.getElementById("districtSel");
            for (var country in stateObject) 
            {
                countySel.options[countySel.options.length] = new Option(country, country);
            }
            countySel.onchange = function ()
            {
                stateSel.length = 1; 
                districtSel.length = 1; 
                if (this.selectedIndex < 1) return; 
                for (var state in stateObject[this.value]) 
                {
                    stateSel.options[stateSel.options.length] = new Option(state, state);
                }
            }
            countySel.onchange();
            stateSel.onchange = function () 
            {
                districtSel.length = 1;
                if (this.selectedIndex < 1) return;  
                var district = stateObject[countySel.value][this.value];
                for (var i = 0; i < district.length; i++) {
                districtSel.options[districtSel.options.length] = new Option(district[i], district[i]);
            }
        }
        }
    </script>

我尝试了很多,但没有发现我做错了什么。能帮我解决这个问题吗?

this image that i upload clearly shows output

1 个答案:

答案 0 :(得分:0)

您可以像这样修改display()函数:

let selectedCountryIndex=document.getElementById("countySel").selectedIndex;
let selectedStateIndex=document.getElementById("stateSel").selectedIndex;
let selectedDistrictIndex=document.getElementById("districtSel").selectedIndex;
let opt1 = document.getElementById("countySel").options[selectedCountryIndex].value;
let opt2 = document.getElementById("stateSel").options[selectedStateIndex].value;
let opt3 = document.getElementById("districtSel").options[selectedDistrictIndex].value;