小编Moh*_*tta的帖子

如何从自定义 Web 组件中提取表单提交的数据?

我需要了解表单提交如何从自定义 Web 组件中提取数据?

我尝试了以下步骤

1- 将输入附加到ShadoWroot
2- 使用表单关联的概念将输入值和名称与表单连接起来
3- 最后提交表单以获取FormData

不幸的是,它没有成功。我没有从FormData

// https://web.dev/more-capable-form-controls/
// https://webkit.org/blog/13711/elementinternals-and-form-associated-custom-elements/
// https://html.spec.whatwg.org/#custom-elements

let form = document.getElementById('frm');

// on form submit I need to recive form data from the input by getting name and its value
form.addEventListener('submit', (event) => {
    event.preventDefault();
    var formData = new FormData(form);
    // Display the key/value pairs
    for (const pair of formData.entries()) {
      console.log(`${pair[0]}, ${pair[1]}`);
    }

});

// I need here to assign value to form data using …
Run Code Online (Sandbox Code Playgroud)

javascript form-data web-component

5
推荐指数
1
解决办法
843
查看次数

标签 统计

form-data ×1

javascript ×1

web-component ×1