2013-01-15 63 views
0

PHP代碼添加兩個數字,添加發生只要我鍵入第二個數字在第二個字段的結果填充在第三個字段中。PHP代碼添加兩個數字,添加發生只要我鍵入第二個字段的第二個數字與結果填充在第三個字段

可以使用php來完成,或者我們使用Ajax或其他編程語言。

如果我能得到這個答案會有幫助。

+1

使用'javascript'做出更改立即 –

+0

不可能沒有Ajax –

+1

其實與純JavaScript就可以實現這一目標,繞過任何需要PHP或阿賈克斯。 – Andrew

回答

1

JavaScript是足夠用於此目的

<script type="text/javascript"> 
function Adder() 
{ 
var a= parseInt(document.frm.A.value); 
var b = parseInt(document.frm.B.value); 
var result=a+b; 
document.frm.Result.value=result; 
} 
</script> 
<form name="frm"> 
<input id="A" name="A" type="Text" onchange="Adder()" > 
<input id="B" name="B" type="Text" onchange="Adder()" > 
<input id="Result" name="Result" type="Text" > 
</form> 
+0

如果parseInt將返回NaN,腳本將無法工作。例如。當我輸入「他是40」時 – Karol

+0

驗證不在我這裏,讓他自己做一些代碼;) –

0

你可以使用javascript來做到這一點。

Script : 

function add(){ 
var num1 = document.getElementById("num1").value; 
var num2 = document.getElementById("num2").value; 

sum  = num1+num2; 
document.getElementById("sum").value = sum; 
} 


HTML: 

<input type="text" id="num1" name="num1" /> 
<input type="text" id="num2" name="num2" onchange="add();" /> 
<input type="text" id="sum" name="sum" /> 

注:此代碼沒有進行測試,請做好相關的變化

+0

你想在答案部分講述什麼? –

+0

'此代碼未經測試'你是什麼意思?意味着OP再次打開一個新線程? –

1

使用jQuery

$('#field2').change(function(){ 
    if(!isNaN($('#field1').val()) && !isNaN($('#field2').val())) 
    { 
     $('#field3').val($('#field1').val()+$('#field2').val()) 
    } 
}); 

如果字段1,字段2和字段3是字段的ID。只有在字段1和字段2中輸入的值是數字時,它纔會將字段3加入。

+0

沒有驗證和輸入檢查。用戶可以輕鬆地鍵入一些文本數據,腳本將按預期停止工作。 – Karol

+0

@Carlos:我改變了我的答案。感謝您的建議:) –

相關問題