javascript - html 数据列表不显示 chrome 中的选项

Question

我向服务器请求获取街道名称，它们应该显示为数据列表选项....但在谷歌浏览器中它们没有。在 Firefox 和 IE 中，它会弹出正确请求的街道名称。这是一些代码:

HTML:

      <li>
                <label>Straße <span class="required">*</span></label>
                <input id="input_strasse" type="text" value ="Strasse" autocomplete="off" list="input_strasse_datalist" class="field-long" placeholder="Straße" />
                <datalist id="input_strasse_datalist" ></datalist>
            </li>

JS:

  $(document).on("keyup", "#input_strasse", function () {

            var inputStr = $('#input_strasse').val();
            var charStr = inputStr.charAt(0).toUpperCase() + inputStr.substr(1);


            var UrlToWebservice = window.localStorage.getItem("url_to_webservice");
            console.log("buchstabensuppe: ", charStr)

            $.ajax({

                type: 'POST',
                url: UrlToWebservice + 'SP_SELECT_Strassen',
                data: { 'charStr': charStr },
                crossDomain: true,
                dataType: 'xml',
                success: function (response) {
                   
                  //  var strassen = new Array;


                    $(response).find('STRASSE').each(function () {


                        var strasse = $(this).find('NAME').text();

                        var plz = $(this).find('PLZ').find('plz').text();

                        var ort = $(this).find('PLZ').find('ORT').text();

                        var arstrasse = $(this).find('AR').first().text();
                        console.log("arstrasse ", arstrasse)

                        $("#input_strasse_datalist").append('<option data-ar = ' + arstrasse + ' value = "' + strasse + ' (' + plz + ', ' + ort + ')">' + strasse + ' (' + plz + ', ' + ort + ')</option>')
                        
                        $("#input_plz").val(plz)
                        $("#input_ort").val(ort)

                    })

                },

                error: function () {
                    window.location.hash = "httperror";
                }
            })



        })

我认识到用户代理给出了数据列表显示:无；如果我给数据列表显示: block ；但它看起来像这样:

所以它不在下拉列表中，也没有可供选择的选项。它应该是这样的:

真正奇怪的是，它在应用程序的本地版本上完美运行。只有当我在本地 chrome 的服务器上运行它时，才会出现奇怪的行为。我真是一窍不通。请帮忙。谢谢!

Answer 1

更新 chrome 后似乎可以工作。

版本 63.0.3239.84 不再有问题。