在键入字段时从字段中获取数据

Question

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

Answer 1

你可以使用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
    });
});

Answer 2

首先查看http://www.jquery.com处的jQuery库。这将一大堆浏览器不一致包含在一个可管理的可靠工具集中。

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