Création de select

Marsh Posté le 24-10-2005 à 10:51:39

Bonjour,

j'aimerasi savoir comment créer entièrement une liste deroulante en javascript

Merci.

Reply

Marsh Posté le 24-10-2005 à 10:51:39

Reply

Marsh Posté le 24-10-2005 à 10:55:05

Avec des fonctions DOM genre document.createElement, element.appendChild, etc...

Reply

Marsh Posté le 24-10-2005 à 11:12:44

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>

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';
}
}

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

Reply

Marsh Posté le 25-10-2005 à 12:02:20

on la refait :
code HTML généré please, on veut po de ton JSP incomprehensible.

---------------
Les CSS c'est bon mangez-en

Reply

Création de select

Sujets relatifs:

Leave a Replay