Php 如何在将值键入另一个字段时更新表单字段_Php_Jquery_Html_Forms

Php 如何在将值键入另一个字段时更新表单字段

php jquery html forms

Php 如何在将值键入另一个字段时更新表单字段,php,jquery,html,forms,Php,Jquery,Html,Forms,你好，我正在尝试创建一个表单calculate（一个货币转换器），在这个表单中，当您键入以美元表示的金额值时，另一个字段将立即更新，而无需单击任何提交按钮。我一直在搜索，但没有得到答案（可能是因为搜索了错误的关键字）一个例子 <html> <form action=""> <input type="number" name="amountUSD" value="1"><br/> <input typ

你好，我正在尝试创建一个表单calculate（一个货币转换器），在这个表单中，当您键入以美元表示的金额值时，另一个字段将立即更新，而无需单击任何提交按钮。我一直在搜索，但没有得到答案（可能是因为搜索了错误的关键字）

一个例子

<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

计算公式为：值（amountn）=值（amountUSD）*356；（只是一个例子，不确定这种语言是否存在）

amountNGN字段的值会动态更新。请问我如何使用JavaScript/jQuery来实现这一点

谢谢

如果你想让你的服务器完成这项工作，那么就使用ajax（不推荐，但可以）

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

如果您希望您的服务器完成这项工作，那么就使用ajax（不推荐，但可以）

我相信这就是你想要的：

函数转换货币（值）{
//你的计算在这里
返回值（值*356）；
}
$（'[name=“amountUSD”]'）。在（'change keyup'，function（）上{
value=$（this.val（）；
$（'[name=“amountNGN”]'）.val（可转换货币（值））；
})

我相信这就是你想要的：

函数转换货币（值）{
//你的计算在这里
返回值（值*356）；
}
$（'[name=“amountUSD”]'）。在（'change keyup'，function（）上{
value=$（this.val（）；
$（'[name=“amountNGN”]'）.val（可转换货币（值））；
})

请在您的任务中投入一些精力，然后带着更多的代码回来，以便我们可以帮助您。在你要求为你编写整个作业的那一刻。你已经知道你想要实现什么了，你提到了要使用的编程语言，所以自己试试。@asdf_enel_hak。。。谢谢你的回复，但我不知道如何使用abracaDabra（）函数，你能用一个片段来帮助我解决这个问题吗？。谢谢你again@pr1nc3老实说，我不知道如何从这里提升。我知道如何使用PHP发布任何我想要的表单和计算，但我需要amountNGN字段来自动更新amountUSD*365的值，那么amountNGN字段中的值就是提交期间发布的值。这就是为什么我说我希望amountNGN字段在不点击任何按钮的情况下进行更新，因为点击表单的按钮将执行另一项任务，该任务超出了本文的范围question@KolawoleEmmanuelIzzy这是个笑话。事实上，你应该在发布前做一些工作。请在你的任务中投入一些精力，并返回更多代码，以便我们可以帮助你。在你要求为你编写整个作业的那一刻。你已经知道你想要实现什么了，你提到了要使用的编程语言，所以自己试试。@asdf_enel_hak。。。谢谢你的回复，但我不知道如何使用abracaDabra（）函数，你能用一个片段来帮助我解决这个问题吗？。谢谢你again@pr1nc3老实说，我不知道怎么从这里搬上来。我知道如何使用PHP发布任何我想要的表单和计算，但我需要amountNGN字段来自动更新amountUSD*365的值，那么amountNGN字段中的值就是提交期间发布的值。这就是为什么我说我希望amountNGN字段在不点击任何按钮的情况下进行更新，因为点击表单的按钮将执行另一项任务，该任务超出了本文的范围question@KolawoleEmmanuelIzzy这是个笑话。事实上，你应该做一些工作，然后发布你的回复，是的，我对JavaScript代码没意见，因为这是更推荐的。。。我只想让这个字段自动更新值，这就是我将使用php完成应用程序发布的内容。我甚至会在更新按钮（事件）上添加额外的验证，以确保数据的格式符合您的要求。如果我以任何方式帮助了你，请投赞成票：我一定会，一定会等着代码@马特已经给了我一个答案，这正是我目前正在研究的，但我不介意有另一种方法。感谢您的回复，是的，我对JavaScript代码没有意见，因为这是更推荐的。。。我只想让这个字段自动更新值，这就是我将使用php完成应用程序发布的内容。我甚至会在更新按钮（事件）上添加额外的验证，以确保数据的格式符合您的要求。如果我以任何方式帮助了你，请投赞成票：我一定会，一定会等着代码@马特已经给了我一个答案，这正是我目前正在研究的，但我不介意有另一种方法。谢谢Hanks@Matt，谢谢你的回复。您的代码片段可以工作，但我必须在它更新第二个字段之前单击外部。我希望第二个字段与第一个字段一起更新，因为我在第一个字段中键入amount，第二个字段应同时返回值。这是可能的，因为这是我的问题吗？是的，一些浏览器以不同的方式处理

change

事件，我添加了一个

keyup

事件，就像Mbotet的答案中建议的那样，我希望这就是你想要的。你是最好的。非常感谢，非常好用。最后一行返回

（值*356）

我可以添加一个php代码到这个（即拉exc）中吗