Javascript动态锚点参数

Javascript Dynamic Anchor parameter

本文关键字:参数 动态 Javascript      更新时间:2024-04-27

我正试图动态地将一些锚标记写入div,这样我就可以点击它们从数组中删除。但我很难弄清楚如何将Anchor的值从更新函数中点击到删除函数中。当我弹出警报时,它返回时未定义。

**我把这些都分成了不同的功能,因为还有其他过滤器,我将通过进行过滤

所以如果我有的列表

(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);               
}

valinnerHTML而不是val.innerHTML