提交按钮-通过任何方式传递隐藏的元素数据?

时间:2018-06-22 17:55:08

标签: html submit html-input

好吧,愚蠢的简单问题。我对HTML不太了解。我有以下HTML:

<input type='submit' name='submitActivate' value='Activate'></input>

“激活”是提交按钮上的文本。发布表单时,我可以在目标页面上获取输入的值数据(该字符串为“ Activate”)。有没有办法执行以下操作:

<input type='submit' name='submitActivate' value='Activate' hiddenData='ABC123'></input>

在发布的页面上,是否可以获取此元素的“ hiddenData”属性数据?

1 个答案:

答案 0 :(得分:0)

使用隐藏的输入标签可以实现您想要的。您可以将按钮和隐藏的输入标签包装成如下形式:

<form onSubmit="doThis(hiddenData)">
  <input type='hidden' name='hiddenData' value='ABC123'>
  <input type='submit' name='submitActivate' value='Activate'></input>
</form>

然后在JS中,您可以通过以下方式访问隐藏的输入:

doThis = function(hiddenData) {
  console.log(hiddenData.value) //logs ABC123
}

希望这会有所帮助