如何从表单事件回调中访问值 - JavaScript

在 JavaScript 中，当我们需要从表单事件回调中访问值时，可以使用以下方法：

1. 通过 event.target

我们可以使用 event.target 来访问表单元素。例如，如果我们有一个表单中的输入框，我们可以像这样访问它的值：

const input = event.target;
const value = input.value;

在这个例子中，event.target 表示当前触发事件的元素（即输入框）。我们可以将其存储在一个变量中，并使用 .value 来访问该元素的值。

2. 通过元素 ID

每个表单元素都应该有一个唯一的 ID。我们可以通过元素的 ID 来访问它的值。例如：

const input = document.getElementById('input-id');
const value = input.value;

在这个例子中，我们使用 document.getElementById() 来获取 ID 为 input-id 的元素，然后使用 .value 来访问该元素的值。

3. 通过表单对象

如果我们想访问表单中的多个元素，我们可以使用表单对象。例如：

const form = event.target.form;
const input1 = form.elements['input1'];
const input2 = form.elements['input2'];
const value1 = input1.value;
const value2 = input2.value;

在这个例子中，event.target.form 表示当前表单，我们可以使用 .elements 来访问表单中的所有元素。我们可以通过元素的 name 来获取它的值。

以上三种方法都可以访问表单元素的值。我们可以根据实际需求选择其中的一种或组合使用。

总结

在表单事件回调中访问值的方法有很多种。我们可以通过 event.target、元素 ID 或表单对象来访问表单元素的值。根据实际需求，我们可以选择其中的一种或组合使用。