Jquery 如何在laravel中显示要从ajax post响应中选择选项的数据

我想显示从ajax POST查看的选项。在浏览器控制台中，可以显示console.logel.devc_名称。但是为什么id为offerDropdown的选项不显示它呢

    <form method="POST" name="formSellout" id="formSellout" action="/sellout/addserialnumber" style="color:#FFF">
        <div class="row">
            <div class="col-lg-4 col-md-6 col-xs-6">
                <input class="form-control ui-autocomplete-input" type="text" id="serial_number" name="serial_number" value="" placeholder="Fill The Serial Number"/>
            </div>
            <div class="col-lg-2 col-md-6 col-xs-6">
                <button class="btn btn-danger" type="submit" id="addSN" style="width: 100%">
                    <i class="dripicons-document-new"></i>
                    Insert Data
                </button>
            </div>
        </div><br/> 
        <div class="row">
            <div class="col-lg-4 col-md-6 col-xs-6">
                <select class="form-control" id="offerDropdown" name="offerDropdown">
                    <option> Offer </option>
                </select>
            </div>
        </div><br/> 

路线：

    Route::post('sellout/addserialnumber', 'SellOutController@addSerialNumber');

这是数据库

---

您的代码基本正常。但下面的代码毫无意义。response.length返回整数值。但在ifresponse.length中，您已经检查了不可能的条件。因为reponse.length不提供布尔值，所以它提供整数。因此，通过

$("#addSN").on("click", function(){
    event.preventDefault()
    $.ajax({
        method: "POST",
        url: "/sellout/addserialnumber",
        data: $("#formSellout").serialize(),
        success: function(response) { 
            if(response.length) {
            response.forEach(el => {
                $("#offerDropdown").append(`<option value='${el.devc_name}'> ${el.devc_name}</option>`)
                console.log(el.devc_name)
                })
            }             
        },
        error: function(error) {

        }
    })
    $("#addSN").hide()
})

修改代码

    Route::post('sellout/addserialnumber', 'SellOutController@addSerialNumber');

$("#addSN").on("click", function(){
    event.preventDefault()
    $.ajax({
        method: "POST",
        url: "/sellout/addserialnumber",
        data: $("#formSellout").serialize(),
        success: function(response) { 
            if(response.length) {
            response.forEach(el => {
                $("#offerDropdown").append(`<option value='${el.devc_name}'> ${el.devc_name}</option>`)
                console.log(el.devc_name)
                })
            }             
        },
        error: function(error) {

        }
    })
    $("#addSN").hide()
})

$("#addSN").on("click", function(){
        event.preventDefault()
        $.ajax({
            method: "POST",
            url: "/sellout/addserialnumber",
            data: $("#formSellout").serialize(),
            success: function(response) { 
                if(response.length > 0) {
                response.forEach(el => {
                    $("#offerDropdown").append(`<option value='${el.devc_name}'> ${el.devc_name}</option>`)
                    console.log(el.devc_name)
                    })
                }             
            },
            error: function(error) {

            }
        })
        $("#addSN").hide()
    })