文章/答案/技术大牛

发布

社区首页 >问答首页 >使用名为action的按钮获取表单操作

问使用名为action的按钮获取表单操作
EN

Stack Overflow用户

提问于 2014-09-18 01:07:35

回答 2查看 1.6K关注 0票数 2

背景

使用VanillaJS获取HTML的action属性值。

代码

下面是代码和小提琴

<html>
<head>
  <script type='text/javascript'>
    function init() {
      alert( document.forms['form-load'].action );
    }
  </script>
</head>
<body onload="init();">
  <form name="form-load" id="form-load" action="http://google.com/q">
    <input name="query" id="query" type="text" />
    <button id="button-load" type="submit" name="action" value="load">Load</button>
  </form>
</body>
</html>

问题

对话框显示了[object HTMLButtonElement]中http://google.com/q的期望(使用Firefox32)。

问题

如何检索表单的action属性值？

更新

以下问题可能是相关的：

在Javascript中检索表单的" name“属性，而输入中存在名称"name”

javascript

html

forms

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-09-18 01:15:05

提供与标准表单属性或方法名称冲突的表单元素名称是个坏主意。例如，避免给元素命名如下：submit、method、action、reset。

如果必须使用.getAttribute()方法，则使用以下方法获取属性值：

function init() {
  alert( document.forms['form-load'].getAttribute("action") );
}

票数 3

Stack Overflow用户

发布于 2014-09-18 01:25:03

我认为将属性name命名为" name“是一种不好的做法。为什么不使用id呢？

function init() {
    alert( "By ID:" document.getElementById('form-load').getAttribute('action') );
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/25902647

复制

相似问题

问使用名为action的按钮获取表单操作
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用名为action的按钮获取表单操作EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用名为action的按钮获取表单操作
EN