javascript - 根据另一个表单字段更新表单字段

Question

我有 2 个表格，每个表格都进行特定的计算。在其中一个表单 (TCO) 上，其中一个输入字段根据另一个表单 (MORTGAGE) 中的输入字段进行填充。

我下面的脚本运行良好 -

<script>
    function checkVar()
    {
        if( typeof myglobalvar != 'undefined' && myglobalvar != '' && myglobalvar != 0 && jQuery( '.mclass input' ).length )
        {
            jQuery( '.mclass input' ).val( myglobalvar );
            fbuilderjQuery.fbuilder.calculator.defaultCalc( '#'+jQuery( '.mclass input' ).closest( 'form' ).attr('id') );
        }
        else
        {
            setTimeout( checkVar, 1000 );
        }
    }

    checkVar();
</script>

在第一种形式中，我将计算方程封装在另一个函数中 -

(function(){
    myvar = fbuilderjQuery.fbuilder.calculator.format( ROUND((fieldname17*(fieldname23/100)/fieldname12)), { 'groupingsymbol' : ',' } );
    myglobalvar = myvar;
    return myvar;
})()

一切正常，但是当第一个表单中的值更改或更新时，第二个表单不会更新。

有没有办法在字段更新时添加某种事件/更改监听器？

编辑: 使用下面评论中的建议之一--

document.getElementById('fieldname22_7').addEventListener("oninput", function(evt) { 
var Mor = document.getElementById('fieldname22_7').value; 
document.getElementById('fieldname47_20').value = Mor; });

但我收到以下错误 -

Uncaught TypeError: Cannot read property 'addEventListener' of null

我还接近吗？

Answer 1

我无法完全理解您的代码，但我认为它可以帮助您。 所以。您有两种这样的形式:

<form>
    <input id="input-1">
</form>
<form>
    <input id="input-2">
</form>

如果“input-1”的值发生变化，您希望“input-2”也发生变化。

在这种情况下，您应该使用“oninput”事件。 因此，向“input-1”添加一个事件处理程序

<input id="input-1" oninput="myEventHandler();">

事件处理程序是:

<script>
function myEventHandler() {
    var in = document.getElementById('input-1').value;
    //Check the input
    document.getElementById('input-2').value = in;
}
</script>

希望对你有帮助!