无法使用JQuery选择下拉列表值

我想将下拉列表相互层叠，因为我必须将一个选定的值ID传递给另一个下拉列表。我正在使用Web服务绑定我的下拉列表，我已经成功地完成了绑定，但无法相互转换。我试着这样做，但它选择了0，我在创建下拉列表时通过了硬编码

var o = { countrycode: $('#ddlCountry').val(), CompanyCode: '1000'};

我正在使用jQuery，希望将一个下拉列表值传递给另一个web方法，使其绑定在第一个下拉列表的基础上，但我无法选择下拉列表值为什么

Jquery：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
        <script type="text/javascript">  
            $(document).ready(function () {
                
                
                $.ajax({
                    type: "POST",
                    url: "Header.aspx/GetCountriesName",
                    dataType: "json",
                    contentType: "application/json",
                    success: function (res) {
                        $.each(res.d, function (data, value) {
                            $("#ddlCountry").append($("<option></option>").val(value.CountryId).html(value.CountryName));

                        });
                    }
                });


                $('#ddlCountry').change(function (e) {
                    BindCompanies();
                });
            });

            function BindCompanies() {
                var CompCode = $('#ddlCountry').val();
                var CountryCode = '1000';
                $.ajax({
                    type: "POST",
                    data: JSON.stringify(CompCode , CountryCode),
                    url: "Header.aspx/GetCompanies",
                    dataType: "json",
                    contentType: "application/json",
                    success: function (res) {
                        $.each(res.d, function (data, value) {
                            $("#ddlCompany").append($("<option></option>").val(value.CompanyId).html(value.CompanyName));

                        });
                    }
                });
            }
</script>

我哪里做错了，请引导我

---

作为通用指针，您需要确保只订阅下拉列表的更改事件一次。目前，对于第一个ajax调用返回的每个项目，您都要订阅一次ddlCountry的更改事件

下面演示如何在更改下拉列表时读取动态添加选项的选定值

变量$country=$'ddlCountry'； $country.on'change'，函数{ console.log$this.val； }; $country.append$.val1.htmlFirst； -选择国家-

---

你能把你的一堆代码分解成函数吗？你订阅了多少次$'ddlCountry.change？@tym32167好的，我将把我的代码分解成函数。我认为你想做的事情相当清楚，但你对它的描述不太清楚。这意味着什么：我已经成功地做到了，但不能投下每一个other@Jamiec我想绑定第1个下拉列表，但第二个下拉列表不能级联other@Jamiec我能够绑定第一个下拉列表和第二个下拉列表，但不能彼此级联，我的要求是级联所有下拉列表，我需要第一个id下拉列表但我无法获取第一个下拉列表的ID让我按照您的建议尝试请检查我的更新代码仍然我无法被选中values@user14304386你确定JSON.stringifyCompCode、CountryCode是你想要的吗？我很怀疑这是真的。尝试在调试器中查看结果。我不知道Header.aspx/GetCompanies期望得到什么，所以这几乎不可能回答。请检查我添加的Header.aspx/GetCompanies的更新代码method@user14304386您的方法不知道如何获取json数据，而且在任何情况下，您都不会向其发送json数据。您需要计算Header.aspx/getcompanys期望的数据格式，并将其发送出去。这不是我在这个问题上能回答的问题，你需要去阅读上面的文档，不管你是如何创建你的web方法的

<select id="ddlCountry">
    <option value="0">--Select Country--</option>
</select>
<select id="ddlCompany">
    <option value="0">--Select Company--</option>
</select>
<select id="ddlDevision">
     <option value="0">--Select Devision--</option>
</select>

[WebMethod]
        public static List<Company> Getcompanies(string Countrycode, string Companycode)
        {
            GetInitiatorList.MasterDataServiceClient oClient = new GetInitiatorList.MasterDataServiceClient();
            Almarai.GiveAway.GetInitiatorList.ALM_COMPANY_M[] initiatorslist = oClient.GetCompanies(Countrycode, Companycode);
            //almarai.giveaway.getinitiatorlist.alm_company_m[] companymlist = initiatorslist.companies;
            List<Company> companyes = new List<Company>();
            foreach (Almarai.GiveAway.GetInitiatorList.ALM_COMPANY_M company in initiatorslist)
            {

                companyes.Add(new Company()
                {
                    CompanyCode = company.CompanyCode,
                    CompanyName = company.CompanyName
                });
            }
            return companyes;
        }

$.each(res.d, function (data, value) {
       $("#ddlCountry").append($("<option></option>").val(value.CountryId).html(value.CountryName));
       $('#ddlCountry').change(function (e) { // don't do this!

inside document ready:
    subscribe change on ddlCountry:
           execute function to load ddlCompany
    subscribe change on ddlCompany:
           execute function to load ddlDivision
  
    execute initial ajax call to load ddlCountry

    function for loading ddlCompany using ajax

    function for loading ddlDivision using ajax