How to Ext.DomHelper.append ?

[kimu]

I want to use Ext.DomHelper.append, but I'm not able to use it. This is my code:

rules = Ext.util.JSON.decode(o.responseText);
var ruleSelect = document.getElementById('validation-rule')
	for(var i = 0, limit = rules.length; i < limit; i++){
		opt = document.createElement('option');
		opt.value = rules[i];
		opt.innerHTML = rules[i];
		ruleSelect.appendChild(opt);						
	}

Everything goes well with this code. If I try to do the same with Ext.DomHelper.append I obtain nothing. This is my code, what is wrong with this?:

rules = Ext.util.JSON.decode(o.responseText);
	for(var i = 0, limit = rules.length; i < limit; i++){
		Ext.DomHelper.append('validation-rule',{
			tag:'option', value:rules[i], html:rules[i]
		});
	}

Thanks for your help

[Animal]

On IE? IE's addition of options elements is flaky. McSoft eh? Who'd a thunk it?

Try adding

Ext.DomHelper.useDom = true;

before your call to append the option.

[kimu]

Thanks Animal,
with

Ext.DomHelper.useDom = true

works perfectly also on IE

Bye