Javascript 将变量包含到document.getElementById中不起作用 选择一个统计。。。 拯救 失球 清洁床单 免罚 目标 协助 黄牌 红牌 罚失点球

index.html

<form action="results.html" method="GET">
    <select class="soflow" onchange="getGoalkeeper(this)">
        <option value="">Select a stat...</option>
        <option value="saves">Saves</option>
        <option value="goals_conceded">Goals Conceded</option>
        <option value="clean_sheets">Clean Sheets</option>
        <option value="penalties_saved">Penalties Saved</option>
        <option value="goals_scored">Goals</option>
        <option value="assists">Assists</option>
        <option value="yellow_cards">Yellow Cards</option>
        <option value="red_cards">Red Cards</option>
        <option value="penalties_missed">Penalties Missed</option>
    </select>
    <input type="submit" value="submit"/>
</form>

var json=//json数据
函数getkeeposer（selectObject）{
var value=selectObject.value；
var位置=1；
var fr=$（json）.filter（函数（i，n）{return n.element_type===position}）；
对于（var i=0；i，您必须使用与循环对象属性时相同的方法。我的意思是，与您使用
fr[i]
访问属性
i
的方法相同，您需要执行
fr[i][value]
，以访问属性
值

PD：虽然
fr
是一个数组，但每个索引的访问方式都与对象中的属性相同。
使用
fr[i][value]
我建议您将包含的字符串放在大括号中。如本文档所示。getElementById（'result'）。innerHTML++=（“”+fr[i].code++.png'>“+fr[i].clean”+“+”）；
var json = //json data

function getGoalkeeper(selectObject) {
var value = selectObject.value;
var position = 1;
var fr = $(json).filter(function (i,n){return n.element_type===position });

for (var i=0;i<fr.length;i++)
{
document.getElementById('result').innerHTML += "<span class='statistic' id=" + fr[i].id + "><a href='https://platform-static-files.s3.amazonaws.com/premierleague/photos/players/110x140/p" + fr[i].code + ".png'>" + fr[i].clean_sheets + "</a></span>" +"<br />";
}}