重力形式显示来自下拉列表的消息 select
gravity forms Displaying a message from dropdown select
当用户从下拉菜单中选择一个选项时,是否可以显示 message/description。
示例:
如果用户从下拉菜单中选择 "London",那么我们希望显示来自 database/file 的与 "London" 相关的消息,最好使用 Ajax,这样就不会重新加载页面。
提前致谢。
是的,这是可能的。您可以在 Gravity Forms 中为 select
添加 CSS Class 名称。这将使您可以轻松地通过自定义 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);
当用户从下拉菜单中选择一个选项时,是否可以显示 message/description。
示例:
如果用户从下拉菜单中选择 "London",那么我们希望显示来自 database/file 的与 "London" 相关的消息,最好使用 Ajax,这样就不会重新加载页面。
提前致谢。
是的,这是可能的。您可以在 Gravity Forms 中为 select
添加 CSS Class 名称。这将使您可以轻松地通过自定义 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);