Question

我们的网站上有一位数据专家，工作正常。但最近（没有任何可知的代码更改）它开始搞乱Firefox / IE / Edge，但仍然在Chrome中运行完美。之前它在每个浏览器中工作，因为它在Chrome中运行。

datalist的代码如下所示：

<div class="form-group">
    <!--<input type="text" class="form-control" placeholder="<?=lang("home_filter_where")?>" />-->
    <div class="input-group">
        <?php
        if (!empty($filterdata['location'])) {
            ?>
            <input id="location" name="location" type="text" list="locationList" autocomplete="off" value="<?php echo $filterdata['location']; ?>" class="form-control round-r">
            <?php
        } else {
            ?>
            <input id="location" name="location" type="text" list="locationList" autocomplete="off" placeholder="Postcode of Gemeente" class="form-control round-r">
            <?php
        }
        ?>
        <div class="aListCon">
            <datalist id="locationList">
                <!--[if IE 9]><select disabled><![endif]-->
                <?php
                foreach ($citiesbe as $city) {
                    echo "<option value=\"$city->zip_code\">$city->name_nl";
                }
                ?>
                <!--[if IE 9]></select><![endif]-->
            </datalist>
        </div>
    </div>
</div>

可以从以下网址看到： https://www.giveaday.be/。它是主页上的搜索表单（我们在很多页面上都有相同的字段，但行为在各处都是相同的）。如果我在Chrome中打开它，它看起来像这样： https://imgur.com/a/DBInl，但在Edge中，它看起来像这样：https://imgur.com/a/1WQUj，在IE上就像这样：https://imgur.com/a/9lhsx。

请注意，截图仅在我输入datalist的值时！在Chrome中（正如预期的那样）当我输入字母（因此选项中的文字）时，结果也会显示，这在firefox / IE / Edge中不会发生，只有输入值才能在那里工作。

发生了什么以及如何让chromealist再次工作，因为它之前在chrome / ie / edge / firefox上工作了？

Datalist行为发生了变化

0 个答案: