<script type="text/javascript">
var counter=1;
function add(id){
var e=document.getElementById(id);
var fc=e.firstChild;
while (fc.nodeName!="DIV") fc=fc.nextSibling;
var clfc = fc.cloneNode(true);
e.appendChild(clfc);
counter++;
}
function del(id){
if (counter==1) return;
var e=document.getElementById(id);
var fc=e.lastChild;
while (fc.nodeName!="DIV") fc=fc.previousSibling;
e.removeChild(fc);
counter--;
}
</script>
<div class="box" id="keywordsBox">
<div>mot clef <input type="text" name="keyword[]" /></div>
</div>
<input type="button" onclick="add(\'keywordsBox\')" value="+"/><input type="button" onclick="del(\'keywordsBox\')" value="-"/><br/>
Remarque :
avec ce genre de code, vous obtennez deux boutons [+], [-] qui vous permettent de choisir combien de mots clefs vous mettez, mais ce code est generique et peut s'appliquer a tout element xhtml.