Javascript 从键入的字段中获取数据

我想知道当表单被键入时，我会用什么从表单中获取数据。我有一些表单输入字段，它们将被数字填充。我想在运行时从它们那里获取输入，将它们添加到一起，并在运行时将它们放在另一个div中。这个想法是用户在表单中输入不同数量和大小的瓶子，我想在他们键入时向他们展示瓶子的总数。我会在ajax中这样做吗？什么可以帮助我在他们键入数据的同时获取数据并将其放回页面上。

您可以使用jQuery：

$(function() {
    var output_element = $('#output_ele');

    $('#the_input_id').keyup(function() {  
        var their_input = $(this).val();
        output_element.text(their_input);

        // Now go off and do whatever you wanted with AJAX and their_value
    });
});

您可以使用jQuery：

$(function() {
    var output_element = $('#output_ele');

    $('#the_input_id').keyup(function() {  
        var their_input = $(this).val();
        output_element.text(their_input);

        // Now go off and do whatever you wanted with AJAX and their_value
    });
});

---

首先查看jQuery库。这就把一大堆浏览器不一致性总结成了一套可管理的可靠工具

---

具体来说，请看一下键盘事件和用于操作dom元素的函数。您将看到，您可以为字段编写一个键事件处理程序，它将执行您的计算，并将结果写入您喜欢的任何其他元素。

首先查看jQuery库。这就把一大堆浏览器不一致性总结成了一套可管理的可靠工具

---

具体来说，请看一下键盘事件和用于操作dom元素的函数。您将看到，您可以为字段编写一个关键事件处理程序，它将执行您的计算，并将结果写入您喜欢的任何其他元素。

无需ajax。您可以在onkeyup事件中执行此操作，无需ajax。您可以执行此操作

onkeyup

事件。