动态改变形式值

时间:2015-06-22 18:14:16

标签: javascript php jquery forms

我想根据输入更改表单中输入字段的值 其中一个字段在提交表单之前没有刷新。

例如

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

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

然后我能够进行计算1 /输入x 98,其中输入= 80(因此它将是1/80 x 98)。

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

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

不刷新页面。 TIA

1 个答案:

答案 0 :(得分: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'">

&#13;
&#13;
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/>
&#13;
&#13;
&#13;

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