Question

早安，我正在尝试创建一个表单计算（货币转换器），当您输入美元金额的值时，无需单击任何提交按钮即可立即更新另一个字段。我一直在搜索，但没有得到答案（可能是由于搜索了错误的关键字）。

示例

<html>
    <form action="">
        <input type="number" name="amountUSD" value="1"><br/>
        <input type="number" name="amountNGN" value="">
    </form>
</html>

我要实现的是页面自动加载时，amountNGN字段的值应为365，而我要删除amountUSD字段的值或将其设置为0时，amountNGN字段中的365应该消失或变为0

进行计算：value（amountNGN）= value（amountUSD）* 356; （只是一个示例，不确定是否存在该语言）。

amountNGN字段的值会即时更新。请我如何使用JavaScript / jQuery来做到这一点

谢谢

Answer 1

我相信这就是您想要的：

function convertCurrency(value) {
    // your calculation here
    return (value * 356);
}

$('[name="amountUSD"]').on('change keyup', function() {
    value = $(this).val();
    $('[name="amountNGN"]').val(convertCurrency(value));
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form action="">
    <input type="number" name="amountUSD" value="1"><br/>
    <input type="number" name="amountNGN" value="">
</form>

Answer 2

如果您希望服务器执行此工作，请使用ajax（不推荐使用，但可以）。

如果要在客户端更改它，JAVASCRIPT将完成此工作（但不是php问题）；我建议在要处理的字段上使用onkeyup javascript事件，以引用要更改的事件。

当您在另一个字段中输入值时如何更新表单字段

2 个答案: