Javascript 如何使用onclick函数

我正在使用javascript和html。我正在调用一个函数“getdata（）”，我能够动态地获取数据，但是当我单击来自

的数据时，需要调用另一个函数，但是在这个函数中，我得到的是空值。我不知道这个函数哪里出了问题。但是如果我在onchange事件处理程序中使用标记，当我们从select下拉列表中更改数据时，我可以看到onchange正在调用另一个函数use onclick='getlist（this.value）；在锚定标记而不是li标记中，最大的问题是存在z索引问题。正在首先执行的上单击a标记。你是偶然使用html5的吗？如果我是你，我会怎么做

<a href="#" data-value="x" onclick="getlist(this.getAttribute('data-value'))"></a>

---

另外，您使用内联JS有什么特别的原因吗？

在

的格式应为

为了使那项工作顺利进行，我的建议是

 onclick='getlist("+group[i].name)+"')

现在您面临的错误是因为
getlist
函数没有发送li的值请考虑对正常HTML标记使用
data
属性，例如
li
，f.ex:

html += "<li data-value='"+(group[i].name)+"' "+
        "onclick='getlist(this.getAttribute(\'data-value\'));'>"+
        "<a href='#'>"+ group[i].name+"</a>"+
        "</li>;

html+=“”+
""+
“
；
ul
中的
li
没有
值
属性。我认为这是一种很好的方法（没有内联事件）

函数getdata（）{
var html=“
”；
对于（var i=0；IEExcept，a标记中的值无效。-因此，从技术上讲，可以使用值…但仅当您使用ol，而实际上li没有值属性时。-但它必须是整数，并且只能与ol一起使用
function getdata(){
    var html = "<ul id='getlist'>";
    for(var i=0;i<group.length;i++){
        if(group[i] !== null)
          html = html+"<li><a href='#'>"+ group[i].name+"</a></li>";
     }
     return html+"</ul>";
}
document.getElementById('getlist').onclick=getlist;
// Function getlist
function getlist(e)
{
    e=e || window.event;
    var el=e.target || e.srcElement;
    alert(el.innerHTML); // or what ever you want
    return false;
}