Nicht bekommen, datalist, um autocomplete in allen Browsern. Auch funktioniert es nur im gewünschten "startswith" - Modus in MS edge

Webseite datalist AutoVervollständigen funktioniert nicht wie gewünscht in allen Browsern. Füllen datalist mit Zeilen aus text Datei und möchte die AutoVervollständigen-arbeiten von "startswith" statt "enthält"

Verschiedene Methoden erprobt, aber nie so funktioniert wie gewünscht.

<!DOCTYPE html>
<html>
  <head><title>Test Awa</title>
    </head>
  <body>    
<script type="text/javascript">
jobNamesFilePath='JobNames.txt';

var txtData = [];
async function fetchData()
{
    await
    fetch(jobNamesFilePath).then(res => res.text()).then(res =>
    {
        var options = '';
        txtData = res.split("\n");
        for(var i = 0; i < txtData.length; i++)
        {
            options += '<option value="'+txtData[i]+'" />';
        }
        document.getElementById('awaJobs').innerHTML = options;
    })
}

fetchData();

</script>

</br>

  <input list="awaJobs" name="awaJobsSearchText" style="width: 250px;">
  <datalist id="awaJobs">
  </datalist>
  <input type="submit">
  </body>
</html>

Die text-Datei enthalten kann, so etwas wie:

1 India
2 USA
3 UK 1
4 France 2

Wenn Sie starten Sie die Suche in der datalist-Feld, es tun, wenn Es von startswith statt enthält. Also, wenn Sie Typ-2. Es sollte nur zeigen, "2 USA" nicht "4 Frankreich 2" (wie es derzeit geschieht, auf firefox)

+1
2019-09-19 07:56:13
Quelle

Sehen Sie sich andere Fragen zu Tags an