动态改变表单值答案

【问题标题】：Dynamically changing form value动态改变表单值
【发布时间】：2015-06-22 18:14:15
【问题描述】：

我想根据输入更改表单中输入字段的值在提交表单之前，其中一个字段无需刷新即可生效。

例如

<input type="text" name="chance" value="50">

假设用户在字段中输入 80。

然后我是否能够计算 1/input x 98，其中 input = 80（所以它会是 1/80 x 98）。

然后我会将其设置为表单中另一个字段的输入值。

<input type="text" name="payout" value="1/input x 98">

不刷新页面。 TIA

【问题讨论】：

标签： javascript php jquery forms

【解决方案1】：

在更改chance 时，您可以像这样设置payout 的值。

<input type="text" name="chance" value="50"
onchange="document.getElementById('payout').value='1/'+this.value+'x 98'">

如果你想在旅途中不需要输入，那么使用

<input type="text" name="chance" value="50"
    onkeyup="document.getElementById('payout').value='1/'+this.value+'x 98'">

Chance: <input type="text" name="chance" value=""
   onkeyup="document.querySelector('input[name=payout]').value=this.value?1/this.value*98:''">

<br/><br/>Payout: <input type="text" name="payout" value=""><br/>

如果您想限制机会字段仅输入数字，请查看此link

【讨论】：

这个问题是它仍然需要你按回车来更新其他字段的条目。在其中另一个增强与 onchange 不同，它将在输入值但未按下 enter 时触发。
不明白其他值（支付）应该只在机会发生变化时才改变，对吧？还是你想要它在keyup上？
每当有人开始在现场机会中输入内容时，这个数字也应该在支付中实时更改。干杯
好的.. 更新了两个用例的答案。看看吧。
我不知道为什么，但这不起作用。起作用的是将这个脚本放在jquery中。 $('#sidetextdyn').text($(this).val()); 。我怎么能改写它来做 1 / thisval x 96 然后在末尾添加字母 x 。非常感谢！