Javascript 重力表单显示下拉选择中的消息

Javascript 重力表单显示下拉选择中的消息,javascript,jquery,ajax,wordpress,gravity-forms-plugin,Javascript,Jquery,Ajax,Wordpress,Gravity Forms Plugin,当用户从下拉菜单中选择选项时,是否可以显示消息/说明 例如: 如果用户从下拉菜单中选择London,那么我们希望使用Ajax显示来自与London相关的数据库/文件的消息,这样就不会重新加载页面 提前谢谢。是的,这是可能的。您可以将CSS类名添加到Selectin表单中。这将使您可以轻松地通过自定义Javascript/jQuery添加事件侦听器。当然,您需要ajax端点,但您可以添加如下侦听器: (function ($) { $(function () { // Se

当用户从下拉菜单中选择选项时,是否可以显示消息/说明

例如:

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


提前谢谢。

是的,这是可能的。您可以将CSS类名添加到Selectin表单中。这将使您可以轻松地通过自定义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);

谢谢,我就这么做了。