从Elementor Pro表单中获取输入字段值

Question

我使用Elementor Pro表单小部件创建了一个表单。现在我想编写一些代码，我需要从Elementor Pro表单中获取输入字段的值。我怎么能这么做？

以下是我所做的：

1. 用Elementor Pro表单小部件创建了一个表单。字段：电子邮件，网站URL。我为他们两个添加了ID。

电子邮件输入字段id：email

网站网址输入字段ID：websiteurl

提交按钮ID：analysee

1. 将HTML导入到我的页面，并尝试对网站URL输入字段的值进行DOM化。我在按钮中添加了一个事件侦听器(可以工作)。当单击按钮时，它应该会警告网站URL输入字段的值。

当我这样做时，我会得到以下错误：

Uncaught TypeError: Cannot read properties of null (reading 'value')
    at HTMLButtonElement.<anonymous>

这里是我的代码：

<script>
    let analyse_dugme = document.getElementById("analysee");
    let website_url = document.getElementById("websiteurl");
    
    analyse_dugme.addEventListener("click", function(){
        alert(website_url.value);
    });
    
</script>

我怎么才能解决这个问题？

谢谢您抽时间见我。

Answer 1

1. 您可以使用val()属性检索输入的值，方法如下：

jQuery(文档).ready(函数($){ $(' #theForm ').submit(function() { // #theForm)选择整个表单让analyse_dugme = $("# email ").val()；//获取电子邮件值让website_url = $("#websiteurl").val()；//获取网站url值}；}；

1. 或您可以这样做，并得到一个具有以下值的关联数组：

$('#theForm‘).submit(函数(){ var $inputs =$(’#theForm：$inputs‘)；var值= {}；$inputs.each(函数(){ valuesthis.name = $(this).val()；})；}；