javascript - 使用重力形式根据条件添加输入字段

标签 javascript jquery wordpress forms gravity-forms-plugin

在重力表单中,我有一个表单,其中包含一些输入字段,询问每种房间​​类型的房间数量。

如何动态添加房间中每个内容的数量的输入字段?例如,如果之前的输入字段输入为 卧室:2间

那么我如何动态添加一个部分或表格,询问每个房间的内容数量,例如:

卧室 1
床(种类):n
床(大号床):n
内容N:n...

卧室 2
床(种类):n
床(大号床):n
内容N:n...

是否有高级领域可以做到这一点?我想我可能需要使用JS来做到这一点? 如果是这样,我如何确保这些字段可以在条目中看到?

我正在考虑使用表格,但不确定如何使用重力形式。

最佳答案

开箱即用的最佳选择是使用 List field 。您可以为每个卧室功能启用多列(即“床(特大号床)”、“床(大号床)”、“内容”等),然后每个卧室将由列表字段中的一行表示。用户可以通过每行末尾的加号/减号 UI 添加/删除卧室。

或者,如果每行有大量字段,我在作品中提供了一个名为“GP 嵌套表单”的福利。展示它的工作原理比解释要容易一些(请参阅下面的视频),但主要目的是一种在其他表单中包含适当大小的表单的干净方法,特别是当您需要添加子表单的多个实例时。

http://www.screencast.com/t/p7sAHutMVfG

如果您对此感兴趣,您可以获取 Gravity Perks here 的副本我可以向您发送一份嵌套表单福利的副本(尚未公开)。

编辑

此处已进一步完善:

https://gravitywiz.com/documentation/gravity-forms-nested-forms/

关于javascript - 使用重力形式根据条件添加输入字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22423553/

相关文章:

javascript - 从从数组创建的生成器列表中产生

javascript - 使用最新的 chrome 60.0.3112.78 打印后点阵缩小

wordpress - 如何在 WordPress 的菜单中隐藏页面?

html - 如何在wordpress中显示博客文章?

javascript - 确定 var 是否是 javascript 中的 elementFinder 对象的方法是什么?

javascript - 基本 JavaScript 动画

javascript - Slimscroll 在 IE7 中无法使用 height100%

php - 投票系统每次加减1-5

php - 单击以使用 jquery 将动态行添加到现有记录

php - Wordpress 无代码 slider 响应问题