隐藏字段上的Dojo Onchange事件

时间:2014-09-26 08:59:07

标签: javascript html events dojo nodelist

我有一个下拉列表,可能会也可能不会改变隐藏字段的值。该变化由计算函数决定。 我想跟踪隐藏字段的变化。如果有任何变化,我想勾选一个复选框。

如何实现这一目标? 我不能改变我的HTML。因此,一切都在JS中处理。

<input type="hidden" name="03Text" value="">

在Java脚本中:

var w = dojo.query('[type$=hidden]');
 w.forEach(function(node, index, nodelist){
       dojo.connect(node , "onchange", function(evt){                   
       controlapiObj.setControlAttribute(payload.srcFormId, payload.outputParams[0], true, "checked");  
       });          
});

我使用dojo.query,因为表单中有很多这样的隐藏字段,我必须监视所有值的变化。

1 个答案:

答案 0 :(得分:0)

*强调文本*我认为问题在于,当您以编程方式更改隐藏字段的值时,“onchange”事件不会触发。您可以在更改字段值的同时手动触发此事件。我的例子使用了dojo 1.10和on函数

HTML:

<input type="hidden" name="03Text" value="1">
<input type="hidden" name="03Text" value="2">
<input type="hidden" name="03Text" value="3">

SCRIPT:

require(["dojo/query", "dojo/on", "dojo/domReady!"], function(query, on){

var w = query('[type$=hidden]');
w.forEach(function(node, index, nodelist){
    on(node, "onchange", function(){
        console.log(node);
    })         
});

var event = new Event('onchange');
w[0].dispatchEvent(event);
w[1].dispatchEvent(event);
w[2].dispatchEvent(event);

})

Jsfiddle示例:

http://jsfiddle.net/kagant15/ay1dzqqg/