javascript - 更改隐藏值并使用 href 的 onclick 提交表单

Question

我目前有多个链接充当按钮，每个链接都有不同的形式，带有存储 ID 的隐藏值。问题是我使用的是 bootstrap，它弄乱了样式，唯一的解决方法似乎是有一个隐藏值，一旦单击链接，它就会更新为选定的 ID。

我目前有<a href="javascript:;" class="list-group-item list-group-item-default" onclick="parentNode.submit();">作为链接，我也一直在寻找一种编辑值的方法。不幸的是，似乎每个人都认真地建议不要走 javascript 路线并改用 jQuery，但我不太确定如何将两者联系起来。

我找到了 this link它有一个很好的例子来说明如何使用 jQuery 来更改值，尽管我可以通过一些帮助将它放在一起，因为我不确定是否也可以使用 jQuery 代码来提交表单，或者如果我应该制作一个单独的 javascript 函数来运行 jQuery，然后提交表单。

如果 javascript 路由实际上没有问题，它看起来像 this会做这项工作，只是想先检查一下。

Answer 1

首先，jQuery 实际上是 Javascript，它只是一个扩展 - 如果您使用 jQuery，那么您就是在编写 Javascript。 jQuery 变得如此流行以至于有些人把它搞混了。

您可以像这样将要提交的表单作为参数传递给函数:

function handleClickAction(formElement) {
    // change values
    formElement.submit();
}

使用给定的标记，您可以这样调用它:

<a href="javascript:;" class="list-group-item list-group-item-default" onclick="handleClickAction(parentNode);">

当然，如果您需要知道要更改什么值和/或如何更改，您可以向函数调用添加更多参数。

一般来说，您使用的解决方案不是很优雅而且是多余的，但如果您想使用内联代码，这可能是一种合适的方式:)