在控制台jquery中重复ID

Question

我有一个列表框，当我点击此列表框中的一个项目以获取该值的ID时，它会显示5次。我觉得在某个地方，它一次又一次地回来......请看看。我不知道这个错误来自何处，但它返回5次为undefined

$(document).ready(function() {
    $.ajax({
        url: "avb.json",
        dataType: "json",
        success: function(obj) {
         console.log("obj--",obj)
            var jsObject = obj;
            var usedNames = [];
            $('<option>', {
                text: 'Select your Option',
                value: '',
                selected: 'selected',
                disabled: 'disabled',
                location: 'fixed'
            }).appendTo('#dropdown1')
            $.each(obj, function(key, value) {
                if (usedNames.indexOf(value.name) == -1) {
                    $("#dropdown1").append("<option value=" + key + ">" + value.name + "</option>");
                    usedNames.push(value.name);
                }


               $('#dropdown1').change(function() {
    $('#listbox').toggle(this.value != "");
});

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

                    $('#listbox').empty();

                    $('<option>', {
                        text: 'Select your List Option',
                        value: '',
                        selected: 'selected',
                        disabled: 'disabled'
                    }).appendTo('#listbox');

                    var selection = $('#dropdown1 :selected').text();
                    console.log("as".selection);
                    $.each(jsObject, function(index, value) {
                        if (value['name'] == selection) {
                            var optionHtml = '';
                            for (var i = 1; i <= 20; i++) {
                                var attr = 'attr' + ('000' + i).substr(-3);
                                optionHtml += '<option value="' + attr + '">' + value[attr] + '</option>';



                            }


                            $("#listbox").css("width","500px")

                            $("#listbox").css("height","300px")
                            $('#listbox').append(optionHtml);


                            // $(this).data(val)

                            return false;
                        }
                        var selectedOption = $(this).find('option:selected');
                         console.log(selectedOption);

                    });

                });
                $("#listbox").on("click",function(){

                          console.log("asd",$('#listbox').attr('data-val'));
                          })
            });
        }
    });
});