javascript - 如何在 Javascript 中使用同一个 passValue 函数两次？

Question

我想在两个位置传递输入字段的值。但我的代码只会通过一次。有没有办法重写它以使其在代码中再次显示？

//HTML:
<input type="text" name="amount" onchange="passValue(this, 'preview_amount')"/>

//Outputs first value
<span id="preview_amount"></span>

//Outputs Nothing
<span id="preview_amount"></span>

//Javascript:
function passValue(e, target){
    document.getElementById(target).innerHTML = e.value;
} 

Answer 1

您的 ID 必须是唯一的。试试这个......它可能会起作用。

//HTML:
<input type="text" name="amount" onchange="passValue(this, 'preview_amount1', 'preview_amount2');"/>

//Outputs first value
<span id="preview_amount1"></span>

//Outputs Nothing
<span id="preview_amount2"></span>

//Javascript:
function passValue(e){
    for(var i = 1; i < arguments.length; ++i){
        if (document.getElementById(arguments[i]))
            document.getElementById(arguments[i]).innerHTML = e.value;
    }
}

有了这个，您可以将任意数量的 id 传递给 passValue 函数，而无需更改它。