Poser une question

Création d'un select

en fait j'ai un petit problème avec une liste déroulante. J'ai une première liste déroulante. Qui en fonction de la valeur sélectionné affiche soit un champ text, soit une deuxième liste déroulante rempli dynamiquement.

[code]
<th width="18%"><bean:message key="facture.recherche.regroupementResultat"> :</th>
<td width="18%">
<html:select property="regroupement" onchange="javascript:reloadListe('invoiceSearchSend')">
<html:option value="pli"><bean:message key="facture.recherche.regroupementResultat.pli"></html:option>
<html:option value="document"><bean:message key="facture.recherche.regroupementResultat.document"></html:option>
</html:select>
</td>
<th width="18%"><bean:message key="facture.recherche.tri"> :</th>
<td width="18%">
<span id="document" style="display: block" >
<html:select name="invoiceDocumentsForm" property="query.tri">
<html:option value="1"><bean:message key="facture.recherche.numPli"></html:option>
<html:option value="2"><bean:message key="facture.recherche.numClient"></html:option>
<html:option value="3"><bean:message key="facture.recherche.tri.dateFacturation"></html:option>
<html:option value="4"><bean:message key="facture.recherche.numDocument"></html:option>
</html:select>
</span>
<span id="pli" style="display: none;" >
<bean:message key="facture.recherche.numPli">
</span>
</td>

[/code]

Mais j'ai un problème pour remplir cette deuxième liste.

[code]
//recharger la liste deroulante de tri
function reloadListe(form){
var objLinkGrpSort = new Object();
var fieldTri = window.document.forms[form].elements["query.tri"];
var fieldRegroupement = window.document.forms[form].regroupement;
var RegroupementValue = fieldRegroupement.options[fieldRegroupement.selectedIndex].value;
var optionSplit;

//recuperer les libelles dans le formulaire
objLinkGrpSort.document = new Array();
for(var i=0;i<triDocList.length;i++){
objLinkGrpSort.document[objLinkGrpSort.document.length++]= "" + triDocList[i] + "|" + i;
}
objLinkGrpSort.pli = new Array();
for(var i=0;i<triPliList.length;i++){
objLinkGrpSort.pli[objLinkGrpSort.pli.length++]= "" + triPliList[i] + "|" + i;
}

if(RegroupementValue == "pli"){

window.document.getElementById('document').style.display='none';
window.document.getElementById('pli').style.display='block';
}else{
//affecter les options a la liste deroulante
fieldTri.options.length = 0;
for(var i=0; i<objLinkGrpSort[RegroupementValue].length; i++) {
optionSplit = objLinkGrpSort[RegroupementValue][i].split("|");
fieldTri.options[fieldTri.options.length++]=new Option(optionSplit[0], optionSplit[1]);
}

window.document.getElementById('pli').style.display='none';
window.document.getElementById('document').style.display='block';
}
}
[/code]

J'ai comme erreur :
fieldTri.options has no properties

Réponses

Aucune réponse à ce message...