Javascript动态锚固参数

Question

我试图动态地为div编写一些锚标记，这样我就可以单击它们从数组中删除它们。但是，我很难弄清楚如何将Anchor从update函数单击到remove函数中的值。当我收到弹出的警报时，它就会出现不明确的情况。

**我将所有这些划分为不同的功能，因为我将使用其他过滤器进行过滤。

所以如果我有一个清单

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

点击2.0杜比的(x)就会弹出一个警告，上面写着点击了2.0杜比。有什么想法吗？

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

innerHTML而非val.innerhtml