在 Elementor 弹出窗口中填写输入字段

Question

我正在尝试创建一个函数，它会根据单击的 brn id 自动填充弹出 window 中的输入。

这是我所在的位置：

const btn = document.querySelector('.popup-activator')
let btnId

btn.addEventListener('click', function(){
   btnId = this.id;
});
document.getElementById("form-field-id").value = btnId;

我可以看到我的 ID 保存在 btnId 中，但它没有显示在表单字段中。这可能是因为当我点击按钮时页面上还没有生成弹出窗口，它是在我点击按钮后打开的。这是 link 我正在尝试这样做 https://www.avistech.cz/pujcovna-nakladace/ 它应用于第一个按钮 'Poptat'

如果有人能帮忙我会很感激

Answer 1

当模式完全加载时，您需要将值分配给输入。

const btns = document.querySelectorAll('.popup-activator')

btns.forEach(b => {
  b.addEventListener('click', function(){
    const btnId = this.id;
    // setting the value inside the fn so that it triggers after the button clicks
    // setTimeout delays the assignment a little so that the modal gets mounted
    setTimeout(() => {
      document.getElementById("form-field-id").value = btnId;
    })
  });
})

在 Elementor 弹出窗口中填写输入字段

Fill input field in Elementor pop-up

javascript

elementor