javascript - 如何使用纯 javascript 将表单的操作附加为隐藏元素?

标签 javascript html forms bookmarklet

我正在尝试编写一个小书签来将页面上所有表单的操作更改为指定的 URL,对于这个示例,我使用的是 google.com,并且还添加了一个名为“action”的隐藏表单元素原始值。

我已经完成了第一部分:

javascript:(function(){var x,i; x = document.forms; for (i = 0; i < x.length; ++i) x[i].action="http://www.google.com/"; })();

但是我如何使用纯 javascript 将表单的原始操作附加为一个隐藏元素,就像这样?

<input type="hidden" name="action" value="http://original-action-url.com" />

最佳答案

如果我没理解错的话,这个 ->

var action = document.forms[0].action;
document.getElementsByName('action')[0].setAttribute("value", action);

编辑(在您的评论之后)-->

y = document.forms; 
for (i = 0; i < y.length; ++i){
var x = document.createElement("input");
x.setAttribute("name", "hiddenAction" + i);
x.setAttribute("type","hidden");
x.setAttribute("value",y[i].getAttribute("action"));
y[i].appendChild(x); //you said Appended to the form.
}

尚未对其进行测试,因此可能需要进行一些调整。 希望对您有所帮助。

关于javascript - 如何使用纯 javascript 将表单的操作附加为隐藏元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6618011/

相关文章:

javascript - jQuery 根据 RADIO BUTTON 更改 FIELDSET

javascript - 以暂停方式在循环中单独设置动画 Div

javascript - shExpMatch 到底做什么样的匹配呢?

javascript - Keydown 事件 JavaScript?

Android 平板电脑 - 在输入字段中使用 Tab 键在 iframe 中的表单中不起作用

html - 是否有 W3C 有效的方法来禁用 HTML 表单中的自动完成功能?

javascript - 如何设置 css width 或 left 属性以获得像素完美的结果?

javascript - 通过单击 href url 加载新页面时不会调用 JavaScript 中的函数

javascript - Vue 组件无法读取属性

javascript - Highchart 条形图中的渐变背景条