重力形式从下拉选择中显示消息

Question

当用户从下拉菜单中选择一个选项时，是否可以显示消息/描述。

例子：

如果用户从下拉菜单中选择“伦敦”，那么我们希望使用 Ajax 显示来自与“伦敦”相关的数据库/文件中的消息，这样就不会重新加载页面。

提前致谢。

Answer 1

是的，这是可能的。您可以在 Gravity Forms 中将 CSS 类名称添加到 select。这将使您可以轻松地通过自定义 Javascript/jQuery 添加事件侦听器。你当然需要你的 ajax 端点，但你可以像这样添加一个监听器：

(function ($) {
    $(function () {
        // Set your variables here
        var select_class = 'my-select-class',
            endpoint = '/my_endpoint.php',
            notification_class = 'notification-for-select';

        var $my_select = $('.' + select_class);
        $my_select.parent().prepend('<div class="' + notification_class + '"></div>');
        $my_select.change(function (e) {
            var my_data = $my_select.val();
            $.post(endpoint, my_data, function (data) {
                $('.' + notification_class).text(data);
            });
        });
    });
})(jQuery);