html数据列表未在Chrome中显示选项

Question

我向服务器发出获取街道名称的请求，这些街道名称应显示为数据列表选项...。​​但是在Google chrome中却没有。 在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";
                }
            })



        })

我认识到用户代理可以显示数据列表： 如果我给数据列表显示：块； 但它看起来像这样：

因此它不在下拉列表中，并且没有选项是可选的。 它看起来应该像这样：

真正奇怪的是，它可以在应用程序的本地版本上完美运行。 只有当我在本地Chrome中的服务器上运行它时，才会出现奇怪的行为。 我真的很笨 请帮忙。 谢谢！

Answer 1

在更新chrome后似乎可以正常工作。

版本63.0.3239.84不再有问题。