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

Messages postés
494
Date d'inscription
lundi 24 août 2009
Statut
Membre
Dernière intervention
18 août 2019
- - Dernière réponse : msi79
Messages postés
494
Date d'inscription
lundi 24 août 2009
Statut
Membre
Dernière intervention
18 août 2019
- 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 

1 réponse

Messages postés
26148
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
25 août 2019
314
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
Messages postés
494
Date d'inscription
lundi 24 août 2009
Statut
Membre
Dernière intervention
18 août 2019
-
Merci pour l'aide j'ai opté pour la deuxième solution. je vais faire des efforts.
Commenter la réponse de jordane45