【问题标题】:Trigger javascript function when any of multiple fields change (onchange)当多个字段中的任何一个发生变化时触发javascript函数(onchange)
【发布时间】:2013-07-15 07:24:07
【问题描述】:

我有基本的 JS 知识。

当来自的任何字段发生变化时,我需要触发下面的函数。在这里,它仅在 var2 更改时才有效,但我需要在任何 var# 更改时触发它。 (我将在表格末尾有 30 个 var)

我想我需要一个 OR 条件,“if (var1.onchange OR var2.onchange OR ...) function()”

提前感谢您的宝贵意见!

<script>
window.onload = function () {
var var0 = document.getElementById('field09')
    var1 = document.getElementById('field10')
    var2 = document.getElementById('field11')
    storage = document.getElementById('field12')

var2.onchange= function()


  { 
storage.value = var0.value+" ; "+var1.value+" ; "+var2.value;
};
};
</script>

【问题讨论】:

    标签: javascript forms onchange


    【解决方案1】:

    请试试这个:

    window.onload = function () {
        var var0 = document.getElementById('field09'),
            var1 = document.getElementById('field10'),
            var2 = document.getElementById('field11'),
            storage = document.getElementById('field12'),
    
            trigFunc = function(){ 
                storage.value = var0.value + " ; " + var1.value + " ; " + var2.value;
            }
    
        var0.onchange = trigFunc;
        var1.onchange = trigFunc;
        var2.onchange = trigFunc;
    }
    

    演示:jsfiddle

    【讨论】:

    • 非常感谢您的回复,但它不会触发该功能。我没有填充字段存储。
    • 将绑定语句放在函数定义的下方。在此处查看您自己的代码:jsfiddle.net/abforce/Wm2nb
    • 如果您希望在任何用户输入后立即触发该功能,请使用事件onkeyup 而不是onchange
    猜你喜欢
    • 2017-02-03
    • 2021-01-15
    • 2023-04-02
    • 1970-01-01
    • 2021-07-25
    • 1970-01-01
    • 2019-12-09
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多