Javascript 动态 anchor 参数

Question

我正在尝试将一些 anchor 标记动态写入 div，以便我可以单击它们以将其从数组中删除。但我很难弄清楚如何将更新函数中单击的 Anchor 的值获取到删除函数中。当我收到弹出窗口的警报时，它返回未定义。

**我将这一切分为不同的功能，因为我将通过其他过滤器进行过滤。

所以如果我有一个列表

(x) 2.0 Dolby
(x) 3.0 Dolby
(x) 5.1 Dolby

点击 2.0 Dolby 的 (x) 将会弹出警告，指出 2.0 Dolby 已被点击。有什么想法吗？

HTML 代码

<select id="audio" name="audio" onchange="addFilter('Audio',this.value)">
    <option value="null"></option>
        <?php
            foreach($audioArray as $data)
            {
                echo "<option value='$data'>$data</option>";
            }
        ?>
</select>
<div id="audioFilter"></div>

Javascript代码

function addFilter(type,str)
{
    var value=type+":"+str;
    if($.inArray(value,filters)==-1 && str!="null")
    {
        filters.push(value);
    }
    else
    {
        return;
    }
    if(type=="Audio" && $.inArray(str,audio)==-1 && str!="null")
    {
        audio.push(str);
        updatePage(type,audio);
    }
}
function updatePage(type,val)
{
    document.getElementById(type.toLowerCase()+"Filter").innerHTML = ""
    for(var i=0; i<audio.length;i++)
        document.getElementById(type.toLowerCase()+"Filter").innerHTML += "<a id='remove' onclick='removeFilter(this)'>"+audio[i]+"<a><br>";
}
function removeFilter(val)
{
    alert(val.innerhtml);               
}

Answer 1

val.innerHTML 不是 val.innerhtml