Modifique esto.... aqui esta como constante, pero la idea sería que cada foo o foos se entendiese como input... pero lo que intento es que cada nivel de jerarquia pueda ser definido libremente (o sea que uno pueda decidir si se le coloca en primer o seguno nivel o tercera categoria...a cada uno de ellos...o en primera categoria como una rama nueva)
Código PHP:
<html>
<head>
<script type="text/javascript">
var div = null;
var ul = null;
var n = 1;
function addNextChild(){
if(div == null){
div = document.getElementById('tree');
ul = document.createElement('ul');
ul.id = 'subTree';
div.appendChild(ul);
}
var li = document.createElement('li');
li.appendChild(document.createTextNode('foo' + n++));
ul.appendChild(li);
var lele = document.createElement('ol');
lele.appendChild(document.createTextNode('foos' + n++));
ul.appendChild(lele);
}
</script>
</head>
<body>
<div id="tree">
<a href="#" onclick="addNextChild(); return false;">Añadir</a>
</div>
</body>
</html>