使用JavaScript构建HTML datalist可以在FireFox中使用但Chrome中的结果不正确

Question

我正在尝试使用地图编号在所选数组中填充声明的HTML数据主义者。 我在表单上有一个操作按钮，JavaScript是一个功能。 它在FireFox中运行良好，并返回所选映射的数组中的声明。 Chrome提供的索赔数据不正确。

选择Map 2会在FireFox中给出正确的列表：Ceedee＃1和Ceedee＃2。 Chrome提供了Ceedee＃1和Ceedee＃2，但也提供了地图3的前三个声明。在Chrome中选择地图1会给出地图1声明，但前两个地图3声明和地图2的第一个声明。有一条线在正确的声明后显示在列表中。 这是Windows 10.感谢您的帮助！

    <!--HTML form for the map selection, function button, and claims list:-->
    <div class="formRow">
    <label for="theMap">The claim was on which map? *</label>
    <fieldset>
    <input name="map" id="theMap" type="text" placeholder="Select Map Number" required list="mapList" />
    <datalist id="mapList">
    <option value="1" >
    <option value="2" >
    <option value="3" >
    </datalist>
    </fieldset>
    </div>
    <div class="claimRow">
    <fieldset>
    <input type="button" name="findClaims" value="After selecting a map, click to get the claims list for the map" onclick="getClaims(this.form)">
    </fieldset>
    </div>
    <div class="claimRow">
    <label for="theClaim">Which claim did you visit?</label>
    <fieldset>
    <input name="claim" id="theClaim" type="text" placeholder="Select claim name" list="claimsList" />
    <datalist id="claimsList" >
    </datalist>
    </fieldset>
    </div>

    <script>
    function getClaims (form) {   // Runs when the button is pushed on the form
    var str=''; // variable to store the options
    var claimsArray = new Array();
    var map1 = new Array("Caitlin", "Roadrunner", "More Values");
    claimsArray.push(map1);
    var map2 = new Array("Ceedee #1", "Ceedee#2");
    claimsArray.push(map2);
    var map3 = new Array("Happy Times", "Jacks Hideaway", "Renee's Best Chance", "Saddle Traps");
    claimsArray.push(map3);
    var claim = claimVisit.theMap.value;
    --claim;    // change the map number to an index value
    for (var i=0; i < claimsArray[claim].length;++i){ 
    str += '<option value="'+claimsArray[claim][i]+'" />'; // Storing options in variable
    }

    var my_list=document.getElementById("claimsList");
    my_list.innerHTML = str;
    }
    </script>

Answer 1

var claim = theMap.value;

claimVisit在这里没有使用。 只是足够的身份