Question

我想问一下是否可以使用AJAX在表单的输入文本字段中进行非常基本的数学运算？我知道它可能与javascript / jquery但我不想点击提交按钮并重新加载页面以查看结果。我想在输入文本字段中使用即时结果进行数学计算。

示例：

输入文本字段1 +输入文本字段2 =（在输入文本字段3中显示即时结果）

Answer 1

您可以执行以下操作

http://jsfiddle.net/dharam1987/L9evdhkk/

Val 1 <input type="text" name="f1" id="f1" /> <br />
Val 2 <input type="text" name="f2" id="f2" /> <br />
Result <input type="text" name="res" id="res" /> <br />
<input type="button" value="Add" onclick="calculate();" />

<script>
    function calculate() {
    var f1 = parseInt(document.getElementById('f1').value);
    var f2 = parseInt(document.getElementById('f2').value);
    var res = f1 + f2;
    document.getElementById('res').value = res;
}
</script>

Answer 2

你可以使用javascript / jQuery来做到这一点。 Ajax与它无关。使用更改或按键事件。

这应该会给你一个想法：

$("myInputSelector").on("keyup", function () {

    var theTwoSelectors = $("myInputSelector"),
        total = 0;

    theTwoSelectors.each(function () {
        var value = $(this).val();
        if(value)
            total += parseInt(value);
    });

    $("myResultSelector").val(result);
});

Answer 3

您可以使用这个简单的HTML

让我们尝试一个例子来满足上述要求例如：

我们可以简单地使用标签这里下面的输出标签将显示输入标签的结果＆＃34; a＆＃34;值乘以5 ...

<form oninput="o.value = parseInt(a.value) *5">
    <input type="number" id="a" name="a">
    <output name="o" id="o"></></output>
    </form>

更多信息请参阅此链接http://www.w3schools.com/tags/tag_output.asp

使用AJAX的非常基础的数学脚本？

3 个答案: