Question

我在国家/地区代码的HTML页面上将此列表作为表单的一部分：

<input list="countryCodesLst" name="countryCodes">
<datalist id="countryCodesLst">
...
<option value="93">
<option value="355">
<option value="213">
...

我在上面提到的列表后面的javascript中有这段代码：

<script type="text/javascript">
var codes = [{"BD": "880", "BE": "32"...}];
var what = $.get("http://ipinfo.io", function(response) {   updateResponse(response);}, "jsonp");


function updateResponse(data){
countryCode = data;
}
var CC = countryCode.country;
    console.log(CC);
function getValueByKey(key, data) {
var i, len = data.length;

for (i = 0; i < len; i++) {
    if (data[i] && data[i].hasOwnProperty(key)) {
        return data[i][key];
    }
}

return -1;
}
var found = getValueByKey(CC,codes);
console.log(found);
var element = document.getElementById('countryCodesLst');
element.innerHTML = found;

</script>

但是，即使我看到代码确实找到了值，它也没有在下拉列表中设置值。你能帮我理解为什么吗？

元素未从datalist动态选择

0 个答案: