onchange 事件发生时，在“文本输入”中插入一个值到数据库中的 onchange 事件答案

【问题标题】：onchange event in a "text input" to insert a value in a database when onchange event occuredonchange 事件发生时，在“文本输入”中插入一个值到数据库中的 onchange 事件
【发布时间】：2023-02-21 11:20:50
【问题描述】：

我有一个项目，我想在文本输入表单中执行“onchange”事件。我想要发生的是当我在文本输入表单中输入一个值，然后在它外面单击时。它将在我的 sql 数据库中插入值。

这可能吗？

<td style="text-align:center">
    <form id="myForm" action="" method="post">
          <input  id="<?= $sample['sample'] ?>" placeholder="sample" type="text" name="sample" onchange="updateButton()">
    </form>
</td>

我希望当我在文本输入外部单击时，我输入的值将保存在数据库中。

【问题讨论】：

标签： javascript mysql database input onchange

【解决方案1】：

 <form action="#" id="formId">
    <input id="sample" type="text" placeholder="Enter data">
</form>

<script>
    window.addEventListener("click", function (e) {
        // e.stopPropagation()

        const form = document.querySelector('#formId');
        
        if (sample.value) {
            form.submit();
            console.log(` save ${sample.value} in database`);
            sample.value = '';
        }      
    });

</script>

【讨论】：