Javascript 记录selected from HTML列表，并将其用作填充另一个列表的键

我试图从两个不同的JSON API填充两个动态列表，其中我需要将第一个选中的选项用作填充第二个列表的键

HTML:

JS:

我能够记录该值并进行动态更改，它对元素Client_名称有效，但在填充第二个列表时不起作用，并返回未定义

注:

---

从第一个键中选择的选项与第二个列表中的可用键完全匹配

您只需检查value2数组中是否存在该键

运行代码：

Javascript:

var s_name =''; // make global 
$(document).ready(function () {
        $('#bt').click(function () {

            var url1 = "https://script.google.com/macros/s/AKfycbx91EB9aIOXRYNmP108ZcPuEGgUqZWZli0KWdj5A3Ts0Qc6hrc/exec";
        $.getJSON(url1, function (data) {
            $.each(data, function (index, value) {
                // APPEND OR INSERT DATA TO SELECT ELEMENT.
                $('#clist').append('<option value="' + value.ID + '">' + value.Client + '</option>');
            });
        });
    });
});

$('#clist').change(function () {

    $('#client_name').text(this.options[this.selectedIndex].text);
    s_name=this.options[this.selectedIndex].text ;

});

$(document).ready(function () {
    $('#clist').change(function () {
      console.log('list')
        var url2 = "https://script.google.com/macros/s/AKfycbz91DIwPh3n4A7gtyV7iTrGxT7t23FMJES3n-ruvxHcfsFEXuBL/exec";

        $.getJSON(url2, function (data2) {
            $.each(data2, function (index2, value2) {
                // APPEND OR INSERT DATA TO SELECT ELEMENT.
                if(value2[s_name]){ // check if exists
                  $('#plist').append('<option value="' + value2.ID + '">' + value2[s_name] + '</option>');
                }
            });
        });
    });
});

     $(document).ready(function () {
        $('#bt').click(function () {

            var url1 = "https://script.google.com/macros/s/AKfycbx91EB9aIOXRYNmP108ZcPuEGgUqZWZli0KWdj5A3Ts0Qc6hrc/exec";
        $.getJSON(url1, function (data) {
            $.each(data, function (index, value) {
                // APPEND OR INSERT DATA TO SELECT ELEMENT.
                $('#clist').append('<option value="' + value.ID + '">' + value.Client + '</option>');
            });
        });
    });
});

    $('#clist').change(function () {

        $('#client_name').text(this.options[this.selectedIndex].text);
        var s_name=this.options[this.selectedIndex].text ;

    });



$(document).ready(function () {
    $('#clist').change(function () {

        var url2 = "https://script.google.com/macros/s/AKfycbz91DIwPh3n4A7gtyV7iTrGxT7t23FMJES3n-ruvxHcfsFEXuBL/exec";

        $.getJSON(url2, function (data2) {
            $.each(data2, function (index2, value2) {
                // APPEND OR INSERT DATA TO SELECT ELEMENT.
                $('#plist').append('<option value="' + value2.ID + '">' + value2[s_name] + '</option>');
            });
        });
    });
});

var s_name =''; // make global 
$(document).ready(function () {
        $('#bt').click(function () {

            var url1 = "https://script.google.com/macros/s/AKfycbx91EB9aIOXRYNmP108ZcPuEGgUqZWZli0KWdj5A3Ts0Qc6hrc/exec";
        $.getJSON(url1, function (data) {
            $.each(data, function (index, value) {
                // APPEND OR INSERT DATA TO SELECT ELEMENT.
                $('#clist').append('<option value="' + value.ID + '">' + value.Client + '</option>');
            });
        });
    });
});

$('#clist').change(function () {

    $('#client_name').text(this.options[this.selectedIndex].text);
    s_name=this.options[this.selectedIndex].text ;

});

$(document).ready(function () {
    $('#clist').change(function () {
      console.log('list')
        var url2 = "https://script.google.com/macros/s/AKfycbz91DIwPh3n4A7gtyV7iTrGxT7t23FMJES3n-ruvxHcfsFEXuBL/exec";

        $.getJSON(url2, function (data2) {
            $.each(data2, function (index2, value2) {
                // APPEND OR INSERT DATA TO SELECT ELEMENT.
                if(value2[s_name]){ // check if exists
                  $('#plist').append('<option value="' + value2.ID + '">' + value2[s_name] + '</option>');
                }
            });
        });
    });
});