Javascript 如何使用Codeigniter在不提交页面的情况下从输入框中获取两个数字的差值?

Javascript 如何使用Codeigniter在不提交页面的情况下从输入框中获取两个数字的差值?,javascript,Javascript,我有三个输入框,其中两个用于输入任何数字的值,一个用于获得两个值之差的结果。如何在不使用Codeigniter提交页面的情况下获得结果?您可以使用jQuery <input type="text" id=first" name="firstInput" /> <input type="text" id="second" name="secondInput" /> <input type="text" id="third" name="thirdInput" />

我有三个输入框,其中两个用于输入任何数字的值,一个用于获得两个值之差的结果。如何在不使用Codeigniter提交页面的情况下获得结果?

您可以使用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); });
希望它能帮助您在不确切知道如何调用结果的情况下使用第二个数字输入/第一个数字输入的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" />

重新标记,与CodeIgniter无关。
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;
   }
}