重力自动形成select值

Question

我有重力形态。我想这样做，如果用户 select 从下拉菜单中选择选项，那么我还需要根据用户在第一个下拉菜单中填写的内容自动填充其他 2 个文件。

我该怎么做？

Answer 1

如果您想使用纯代码，这里有一个基本方法：

// Update "123" to your form ID and "1" to your Drop Down field ID.
$( '#input_123_1' ).change( function() {
    var sourceValue = $( this ).val();
    switch( sourceValue ) {
        case 'First Choice':
            targetValue = 'You are first!';
            break;
        case 'Second Choice':
            targetValue = 'Second is nothing to sneeze at.';
            break;
        case 'Third Choice':
            targetValue = 'You know what they say about being third...';
            break;
    }
    // Update "123" to your form ID and "2" to your target field ID.
    $( '#input_123_2' ).val( targetValue );
} );

如果您想以简单的方式 no-code 进行操作，请查看我们的插件 Gravity Forms Populate Anything。

最简单的方法是创建一个表单作为您的数据源。在此表单上，您将拥有可能的下拉值以及在选择给定下拉值时应填充的相应值。

在您的原始表单中，您将使用 Populate Anything 来：

从您的数据源表单填充下拉选项。
将与所选下拉值对应的值填充到您的其他字段中。

使用这种方法，您可以在下拉列表中处理无限数量的值，并将相应的值映射到任意数量的额外输入，而无需巨大的 JavaScript 开关盒的大量开销。

如果您仍然喜欢纯代码方法，请考虑使用我们的免费 Gravity Forms Custom JavaScript 插件，它会在您的表单旁边输出 JS，并确保它在正确的时间执行。

重力自动形成select值

Gravity form automatically select value

forms

gravity

gravity-forms-plugin

gravityforms