Javascript 如果单击已附加的div之一，如何获取值？

我有一个数据，将被张贴到一个表格，但有数据，我不能采取如何检索“多余的行李量”，以便我可以张贴它

这是我的控制器

function getAirlinesById(idAirlines) {
            $.ajax({
                dataType: 'json',
                type: "POST",
                url: '{{route('get-baggage-airlines')}}',
                data:"airlines_id="+idAirlines,
                success: function(response){
                    console.log(response);
                    $("#baggageAirline").empty();
                    for(let i=0;i<response.length;i++){
                        let category = response[i].baggage.category;
                        switch(category) {
                            case 1:
                            category = "KG";
                            break;
                            case 2:
                            category = "PCS";
                            break;
                        };

                        $("#baggageAirline").append('<div class="col-3 list-baggage"><img src="{{asset("assets/image/baggage.png")}}" alt="" width="80px"><p class="baggage-amount">'+response[i].baggage.max_range+' '+category+'</p><input type="checkbox"><p class="text-center">'+response[i].currency_symbol+' '+response[i].price_in_SGD+'</p></div>');
                    }

                }
            });
        }

<form action="{{route('book-baggage-post')}}" method="POST" id="formPostBaggage">
                    @csrf
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-12">
                                <label for=""><p class="mb-0">Airlines</p></label>
                                <select id="airlines_id" name="airlines" onchange="getName(this.options[this.selectedIndex].getAttribute('data-name'))" class="select2-input-custome" required>
                                    <option value=""></option>
                                </select>
                                <input type="hidden" name="airlinesName" id="airlinesName">
                            </div>
                            <div class="col-12">
                                <p>Flight No</p>
                            </div>
                            <div class="col-4">
                                <div class="form-group">
                                    <select class="form-control" name="code" id="codeAirline" style="background-color:#dcdcdc;">
                                        <option value="disable"></option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-8 pl-0">
                                <div class="form-group">
                                    <input type="text" class="form-control" name="flight_no" id="" placeholder="Flight No" style="background-color:#dcdcdc;">
                                </div>
                            </div>
                            <div class="col-12 clearfix">
                                <label for=""><p class="mb-0">Departure airport</p></label>
                                <select id="departure" name="departure" onchange="getNameDeparture(this.options[this.selectedIndex].getAttribute('data-name'))" class="select2-input-custome" required>
                                    <option value=""></option>
                                </select>
                                <input type="hidden" name="departureName" id="departureName">
                            </div>
                            <div class="col-12">
                                <div class="form-group">
                                    <label for="">PNR/Ticket No</label>
                                    <input type="text" class="form-control"name="pnr_ticket"  id="" placeholder="PNR/Ticket No" style="background-color:#dcdcdc;" required>
                                </div>
                            </div>
                            <div class="col-12">
                                <p>Departure Date Time</p>
                            </div>
                            <div class="col-6">
                                <div class="form-group">
                                    <input type="text" class="form-control" name="date" id="datepicker" placeholder="Date" style="background-color:#dcdcdc;" required>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group">
                                    <input type="text" class="form-control" name="time" id="timepicker" placeholder="Time" style="background-color:#dcdcdc;" required>
                                </div>
                            </div>
                            <div class="col-12">
                                <p>Excess Bag Amount Required</p>
                                <div class="row" id="baggageAirline">

                                </div>
                            </div>
                            <div class="col-12">
                            <br>
                                <center>
                                    <a href="{{route('passanger')}}">
                                        <button type="submit" class="btn btn-default btn-book btn-block">
                                            <p class="mb-0">NEXT</p>
                                        </button>
                                    </a>
                                </center>
                            </div>
                        </div>
                    </div>
                </form>

这是我要发布到控制器的html表单

function getAirlinesById(idAirlines) {
            $.ajax({
                dataType: 'json',
                type: "POST",
                url: '{{route('get-baggage-airlines')}}',
                data:"airlines_id="+idAirlines,
                success: function(response){
                    console.log(response);
                    $("#baggageAirline").empty();
                    for(let i=0;i<response.length;i++){
                        let category = response[i].baggage.category;
                        switch(category) {
                            case 1:
                            category = "KG";
                            break;
                            case 2:
                            category = "PCS";
                            break;
                        };

                        $("#baggageAirline").append('<div class="col-3 list-baggage"><img src="{{asset("assets/image/baggage.png")}}" alt="" width="80px"><p class="baggage-amount">'+response[i].baggage.max_range+' '+category+'</p><input type="checkbox"><p class="text-center">'+response[i].currency_symbol+' '+response[i].price_in_SGD+'</p></div>');
                    }

                }
            });
        }

<form action="{{route('book-baggage-post')}}" method="POST" id="formPostBaggage">
                    @csrf
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-12">
                                <label for=""><p class="mb-0">Airlines</p></label>
                                <select id="airlines_id" name="airlines" onchange="getName(this.options[this.selectedIndex].getAttribute('data-name'))" class="select2-input-custome" required>
                                    <option value=""></option>
                                </select>
                                <input type="hidden" name="airlinesName" id="airlinesName">
                            </div>
                            <div class="col-12">
                                <p>Flight No</p>
                            </div>
                            <div class="col-4">
                                <div class="form-group">
                                    <select class="form-control" name="code" id="codeAirline" style="background-color:#dcdcdc;">
                                        <option value="disable"></option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-8 pl-0">
                                <div class="form-group">
                                    <input type="text" class="form-control" name="flight_no" id="" placeholder="Flight No" style="background-color:#dcdcdc;">
                                </div>
                            </div>
                            <div class="col-12 clearfix">
                                <label for=""><p class="mb-0">Departure airport</p></label>
                                <select id="departure" name="departure" onchange="getNameDeparture(this.options[this.selectedIndex].getAttribute('data-name'))" class="select2-input-custome" required>
                                    <option value=""></option>
                                </select>
                                <input type="hidden" name="departureName" id="departureName">
                            </div>
                            <div class="col-12">
                                <div class="form-group">
                                    <label for="">PNR/Ticket No</label>
                                    <input type="text" class="form-control"name="pnr_ticket"  id="" placeholder="PNR/Ticket No" style="background-color:#dcdcdc;" required>
                                </div>
                            </div>
                            <div class="col-12">
                                <p>Departure Date Time</p>
                            </div>
                            <div class="col-6">
                                <div class="form-group">
                                    <input type="text" class="form-control" name="date" id="datepicker" placeholder="Date" style="background-color:#dcdcdc;" required>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group">
                                    <input type="text" class="form-control" name="time" id="timepicker" placeholder="Time" style="background-color:#dcdcdc;" required>
                                </div>
                            </div>
                            <div class="col-12">
                                <p>Excess Bag Amount Required</p>
                                <div class="row" id="baggageAirline">

                                </div>
                            </div>
                            <div class="col-12">
                            <br>
                                <center>
                                    <a href="{{route('passanger')}}">
                                        <button type="submit" class="btn btn-default btn-book btn-block">
                                            <p class="mb-0">NEXT</p>
                                        </button>
                                    </a>
                                </center>
                            </div>
                        </div>
                    </div>
                </form>

@csrf
航空公司

航班号

出发机场

PNR/车票号码
出发日期及时间

所需超额行李数量

我假设您已经发布了完整的标记，在

#baggageAirline

中没有任何内容，因此没有任何内容可以正确获得yes的值，但是数据太多了，所以我只想选择一个数据发布到表单中，其他人如何猜测为什么在您没有共享工作示例的情况下这不起作用？使用浏览器的网络检查器，您应该能够看到AJAX请求检索到了什么。它是否显示了行李数量和价格？据我所知，您已经发布了完整的标记，在

#baggageAirline

中没有任何内容，因此没有任何内容可以正确获取“是”的值，但是数据太多了，所以我只想选择一个数据发布到表单中，其他人如何猜测为什么在您没有共享工作示例的情况下这不起作用？使用浏览器的网络检查器，您应该能够看到AJAX请求检索到了什么。它是否显示袋子的数量和价格？