一个页面中有多个FORM,每个FORM中都有一个BUTTON,想点击button可以知道它属于哪个Form,怎么实现啊?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head><body>
<form method=post action="" name="form1">
<input type="button" onclick = "alert(this.parentNode.tagName + '-' + this.parentNode.name)" value="click1">
</form><form method=post action="" name="form2">
<input type="button" onclick = "alert(this.parentNode.tagName + '-' + this.parentNode.name)" value="click2">
</form>
</body>
</html>//如果有多个parentNode,一直递归找到tagName =FORM的那个

解决方案 »

  1.   

    <script>
    function mysearch(obj)
    {
    for(i=0;i<document.forms.length;i++)
    for(j=0;j<document.forms[i].elements.length;j++)
    if(document.forms[i].elements[j]==obj)
    {alert(document.forms[i].name);break;}
    }
    </script>
    <form name=form1>
    <input>
    <input type=button onclick=mysearch(this)>
    </form>
    <form name=form2>
    <div>
    <input type=button onclick=mysearch(this)>
    <input>
    <input>
    </div>
    </form>
    <form name=form3>
    <p>
    <input type=button onclick=mysearch(this)>
    </p>
    </form>
    <form name=form4>
    <input type=button onclick=mysearch(this)>
    </form>