Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html AJAX添加了Firefox中select中未显示的选项_Html_Jquery_Ajax_Laravel_Firefox - Fatal编程技术网

Html AJAX添加了Firefox中select中未显示的选项

Html AJAX添加了Firefox中select中未显示的选项,html,jquery,ajax,laravel,firefox,Html,Jquery,Ajax,Laravel,Firefox,正在使用ajax调用更新元素,但在检索数据并将其添加到DOM时,Firefox不会显示所有元素 检查页面时,所有元素都被正确添加,但浏览器在第10次之后也不会显示“允许滚动到元素” 这只发生在Firefox上,我的版本是83.0。 Chrome 86.0.4240.198和Safari 13.0.1都具有所需的正常行为。 这是Laravel的8刀片视图中的代码: <div class="form-group row"> <label for=&q

正在使用ajax调用更新元素,但在检索数据并将其添加到DOM时,Firefox不会显示所有元素

检查页面时,所有元素都被正确添加,但浏览器在第10次之后也不会显示“允许滚动到元素”

这只发生在Firefox上,我的版本是83.0。

Chrome 86.0.4240.198和Safari 13.0.1都具有所需的正常行为。

这是Laravel的8刀片视图中的代码:

<div class="form-group row">
    <label for="regione" class="col-md-4 col-form-label text-md-right">Regione</label>
    <div class="col-md-4">
       <select id="regione" name="regione" class="form-control @error('regione') is-invalid @enderror">
           <option value="" selected></option>
       </select>
       @error('regione')
           <span class="text-danger" role="alert">
               <strong>{{ $message }}</strong>
           </span>
       @enderror
   </div>
</div>
这是Ajax调用:

$.ajax({
    url: '/excavations/getAjaxData',
    data: {
        "_token": "{{ csrf_token() }}",
        "tipoRichiesta": "listaRegioni",
        "parametri": ""
    },
    contentType: "application/x-www-form-urlencoded; charset=utf-8",
    type: "POST",
    dataType: "json",
})
.done(function(risultato){
    switch(risultato.successo){
        case true:
            // Aggiorno la lista delle regioni
            var listaOptions = "<option value=''></option>";
            risultato.dati.forEach(function(regione,idx,array){
                listaOptions += "<option value='"+regione.codRegione+"'>"+regione.regione+"</option>";
            });
            // Compila la lista regioni nella rispettiva Select
            $("#regione").html(listaOptions)
            break;
        case false:
            $("#regione").html("<option value=''></option>")
            break;
    }
})
从Laravel模型中检索数据,并将其组成如下的JSON对象:{successo:true,dati:[{codRegione:1,regione:Piemonte},…其他区域…]}

这是来自控制台的Ajax请求:


PS:作为第二个问题,我不能正确地呈现字符串Trentino Alto Adige/Südtirol,因为üchar…

你能在网络选项卡F12中共享请求AJAX吗?编辑了这篇文章。正如您所看到的,它返回200个代码。首先,控制台选项卡中是否有任何错误?其次,使用console.logrisultato;在.donefunctionrisultato{.donefunctionrisultato}之后,您可以共享console.log的输出吗?没有错误。risultato内容:{successo:true,dati:[{codRegione:1,regione:Piemonte},{codRegione:2,regione:Valle d'Aosta},{codRegione:3,regione:Lombardia},{codRegione:18,regione:Calabria},{codRegione:19,regione:Sicilia},{codRegione:20,regione:Sardegna}]}我认为Firefox 83.0版本不支持。您可以手动设置select标记的滚动条。您认为这一点吗?