Comment ajouter une ligne vide (liste déroulante) [Résolu]

msi79 455 Messages postés lundi 24 août 2009Date d'inscription 9 octobre 2018 Dernière intervention - 3 oct. 2018 à 09:44 - Dernière réponse : msi79 455 Messages postés lundi 24 août 2009Date d'inscription 9 octobre 2018 Dernière intervention
- 3 oct. 2018 à 14:31
Bonjour,
j’aimerais que ma liste déroulante commence par une ligne vide comme en ceci en HTML :

 <select name="menu_destination">
          <option value=""></option>
          <option value="1>Robe</option>
          <option value="2">PAGNE</option>
          <option value="3">CHAUSSURE</option>
     </select>


La on voit que la première ligne de cette liste déroulante sera vide
<option value=""></option>


je veux la même chose avec ce code :
<select id="validationCustom04" name="produit" onchange="getDepartements_detail(this.value);" class=" form-control form-control-lg" data-live-search="true" title="Choisir un produit">
    </select>


<script type="text/javascript">
var catAndActs =  <?php echo json_encode($arrPacks) ?>;

//pour voir dans la console ce que ça donne :
console.log("catAndActs :");
console.log(catAndActs);


function ChangecatList() {  
  var catList = document.getElementById("validationCustom03");
  var actList = document.getElementById("validationCustom04");
  var selCat = catList.options[catList.selectedIndex].value;

  actList.innerHTML = "";
  var cats = catAndActs[selCat];
  console.log('selCat : ' + selCat);
  console.log('cats : ' + cats);
  if (cats) {
    for (var i = 0; i < cats.length; i++) {
      var cat = new Option(cats[i][1], cats[i][0]);
      actList.options.add(cat);
    }
  }
} 
</script>


merci de bien vouloir m'aider
Afficher la suite 

Votre réponse

2 réponses

jordane45 22901 Messages postés mercredi 22 octobre 2003Date d'inscriptionModérateurStatut 20 octobre 2018 Dernière intervention - Modifié par jordane45 le 3/10/2018 à 10:07
0
Merci
Bonjour,

Habituellement je te répondrai... oui ET ? Qu'as tu cherchés ? Qu'as tu essayé ?
mais te connaissant..... c'est peine perdue. donc.. on va gagner du temps ...

. voila.... Tu peux tout simplement remplacer
actList.innerHTML = "";

par
actList.innerHTML = "<option value=''></option>";


Autre possibilité, générer un OPTION avant ta boucle
var cat = new Option('','');
       actList.options.add(cat);



Cordialement, 
Jordane                                                                 
msi79 455 Messages postés lundi 24 août 2009Date d'inscription 9 octobre 2018 Dernière intervention - 3 oct. 2018 à 14:31
Merci pour l'aide j'ai opté pour la deuxième solution. je vais faire des efforts.
Commenter la réponse de jordane45

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.