Question

我有一个视图，用户需要在其中设置变量，但不需要将变量存储在任何地方。该变量需要在计算中使用。例如，用户输入5，它会自动声明为$ z。有办法吗？

例如，我们可以将convertunits网页km / h转换为m / s。当您输入km / h时，它会自动显示m / s的结果，而无需使用提交按钮。

预期结果-用户输入5，它声明为变量而没有提交。我已经走过很多相同的问题帖子，但我都不需要。

Answer 1

使用JavaScript。 jQuery示例：

$(document).ready(function() {
    // Calculates values automatically 
    sum();
    $("#num1, #num2").on("keydown keyup", function() {
        sum();
    });
});

function sum() {
    var num1 = document.getElementById('num1').value;
    var num2 = document.getElementById('num2').value;
    var result = parseInt(num1) + parseInt(num2);
    var result1 = parseInt(num2) - parseInt(num1);
    if (!isNaN(result)) {
        document.getElementById('sum').value = result;
        document.getElementById('subt').value = result1;
    }
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form name="form" method="post" action="" >
<table>
<tr><td>Num 1:</td><td><input type="text" name="num1" id="num1" /></td></tr>
<tr><td>Num 2:</td><td><input type="text" name="num2" id="num2" /></td></tr>
<tr><td>Sum:</td><td><input type="text" name="sum" id="sum" readonly /></td></tr>
<tr><td>Subtract:</td><td><input type="text" name="subt" id="subt" readonly /></td></tr>
</table>
</form>

实际上，您无需使用jQuery就可以做到。我希望有人能通过删除jQuery依赖关系来改善我的代码。

自动声明用户设置变量而无需提交

1 个答案: