如何使用Codeigniter獲得輸入框中兩個數字的區別而不需要頁面提交？

Question

我有三個輸入框，其中兩個用於輸入值（任意數字），另一個用於獲取結果（兩者的差異）。如何在不使用使用Codeigniter的頁面提交的情況下獲得結果？

Answer 1

你可以使用jQuery。

 
<input type="text" id=first" name="firstInput" /> 
<input type="text" id="second" name="secondInput" /> 
<input type="text" id="third" name="thirdInput" /> 

//jquery 
$(document).ready(function() { 
    var first = parseInt($("#first").val(), 10); 
    var second = parseInt($("#second").val(), 10); 
    var thirdVal = first - second; 
    $("#third").val(''); 
    $("#third").val(thirdVal); 
}); 

希望它可以幫助

Answer 2

不知道到底結果如何調用，你可以在第二個數字輸入上onblur使用/第一。

<input name="number" id="num_0" type="text" /> 
<input name="number" id="num_1" type="text" onblur="getResult()" /> 
<input name="number" id="num_2_result" type="text" /> 

腳本得到的結果導出NUM_0和NUM_1

function getResult(){ 

    var number = document.getElementsByName('number'); 

    var result = parseInt(number[0].value,10) - parseInt(number[1].value,10); 

    // if is a number display reuslt 
    if(!isNaN(result)){ 
     number[2].value = result; 
    } 
}