【问题标题】:Submit form via hidden submit通过隐藏提交提交表单
【发布时间】:2013-03-25 16:43:47
【问题描述】:

这是我的问题。

我有一个项目,如果用户单击输入按钮,我会使用 jQuery UI 对话框向用户显示消息。如果此人按下“确定”按钮,我想触发页面上的“隐藏”输入提交按钮(第 15/16 行)。 [我已经包含了一个 jsfiddle 示例。]

<input type="submit" id="ui-lock-btn-hdn" name="lock" value="locked" class="ui-helper-hidden"/>
... {
   $('#ui-lock-btn-hdn').trigger('click');
}

jQuery 版本 1.6.4 jQuery UI 版本 1.8.11 http://jsfiddle.net/jtoepfer/Xve8z/

我不想只通过 $('form')[0].submit() 提交表单。我真的很想知道a)为什么我不能通过触发点击隐藏提交来提交表单以及b)为什么这不起作用。

提前致谢。

【问题讨论】:

  • 为什么不直接使用$('#testForm').submit(); 呢?
  • 您本质上是想以编程方式提交表单(而不是让用户单击实际按钮)。按照@j08691 的指示去做。
  • 是否有无法触发隐藏提交按钮的原因?

标签: jquery html event-handling jquery-ui-dialog


【解决方案1】:

我不确定你为什么不想直接提交表单,但看起来你想要的行为应该适用于较新版本的 jQuery,但不是你的 jsfiddle 设置的那个。将其更改为 2.x 似乎对我来说很好。

看起来他们在 1.4.4 和 1.7 之间解决了这个问题

来自http://forum.jquery.com/topic/click-on-submit-button-doesn-t-trigger-form-s-jquery-submit-handler

【讨论】:

  • PherricOxide,谢谢。我一直在用 jQuery 寻找某种答案。
【解决方案2】:

这样做而不是触发您的按钮点击。

$('#testForm').submit();

更新小提琴:http://jsfiddle.net/Xve8z/23/

【讨论】:

  • 我想触发 DOM 中隐藏的提交按钮并让它提交表单。
猜你喜欢
  • 2023-03-13
  • 1970-01-01
  • 2011-10-11
  • 2019-03-24
  • 2011-01-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多