복붙노트

[JQUERY] 어떻게 동적으로 목록을 선택하기 위해 데이터를 전달하는 방법?

JQUERY

어떻게 동적으로 목록을 선택하기 위해 데이터를 전달하는 방법?

해결법


  1. 1.이에 자바 스크립트 코드를 변경

    이에 자바 스크립트 코드를 변경

    var kunnr;
    $(document).ready(function () {
        $('#NAME1').autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: "Form2",
                    method: 'POST',
                    data: {
                        term: $('#NAME1').val()
                    },
                    success: function (data) {
                        response(data);
                    }
                });
            },
            select: function (event, ui) {
                kunnr = ui.item.kunnr;
                $.ajax({
                    url: "Form3",
                    method: 'POST',
                    data: {
                        kunnr: kunnr
                    },
                    success: function (data) {
                        var selectData = JSON.parse(data);//use JSON.parse(), if the data is not already json formatted
                        $("#Subaccount").empty();
                        selectData.forEach(function (obj) {
                        //NOTE the Value and Text are what you assigned them when you fetched them
                            $('#Subaccount').append($('<option></option>').val(obj.Value).html(obj.Text));
                        });
                    }
                });
            }
        });
    });
    
  2. from https://stackoverflow.com/questions/56537153/how-to-dynamicly-pass-data-to-select-list by cc-by-sa and MIT license