javascript - 从超链接将表单对象传递给 javascript 时出现问题

标签 javascript

<a href="javascript:SelectAll(this.form)">All </a>
<input type ="button" value ="test" onClick="SelectAll(this.form);" />


    <script ......>
    function SelectAll(form)
    {
        alert(form); 
    }
    </script>

方法 1 产生一条警报消息“未定义”,而方法 2 通过显示表单对象可以正常工作。我非常清楚 anchor 元素没有 form 属性,它引用 form ,与输入元素不同,但是有没有其他方法可以使用超链接传递表单对象,或者有什么方法将按钮设置为看起来像超链接

谢谢

最佳答案

试试这个...

onClick="SelectAll(getParentForm(this));"

function getParentForm(el) {
  while(el = el.parentNode) {
    if(el.tagName.toLowerCase() === "form")
      return el;
  }

  return null;
}

关于javascript - 从超链接将表单对象传递给 javascript 时出现问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1137870/

相关文章:

javascript - 文本框 'popup' 在 CSS/Javascript 的鼠标悬停/悬停时显示

Javascript 将 Infinity、NaN 或 ""重新定义为 0

javascript - 按钮可见性取决于输入焦点

javascript - 如何在Ajax过程中onClick

javascript - 使用ajax向node.js进行AJAX查询获取和发布数据时出现错误

javascript - 使用 Lodash/Underscore 从对象列表中跳过并返回对象

javascript - AngularJS:在子元素上应用 ngStyle

javascript - 我可以使用变量来传递 json 字符串吗?

php - 将音乐文件上传到服务器但限制下载?

javascript - 用于丢失文本样式的脚注的 Indesign 脚本