Ajouter une autre valeur à une liste déroulante, sélectionnez le menu déroulant dans js

Question

Je veux ajouter la valeur 0" à la liste déroulante sélectionnable.

var selectIntervalH = document.createElement('select'); 
      for (var i = 0; i < 7; i++) { 
       var option = document.createElement('option'); 
       switch(i) { 
        case 0: 
         break; 
      option.value = '1/8'; 
      option.text = '1/8"'; 
      selectIntervalH.appendChild(option); 
        case 1: 
      option.value = '1/4'; 
      option.text = '1/4"'; 
      selectIntervalH.appendChild(option); 
         break; 
        case 2: 
      option.value = '3/8'; 
      option.text = '3/8"'; 
      selectIntervalH.appendChild(option); 
         break; 
        case 3: 
      option.value = '1/2'; 
      option.text = '1/2"'; 
      selectIntervalH.appendChild(option); 
         break; 
        case 4: 
      option.value = '5/8'; 
      option.text = '5/8"'; 
      selectIntervalH.appendChild(option); 
         break; 
        case 5: 
      option.value = '3/4'; 
      option.text = '3/4"'; 
      selectIntervalH.appendChild(option); 
         break; 
        case 6: 
      option.value = '7/8'; 
      option.text = '7/8"'; 
      selectIntervalH.appendChild(option); 
         break; 
       } 
      } 

Je veux ajouter la valeur 0" dans le menu déroulant. Je suis un débutant en javascript au début j'ai eu du mal, donc j'ai fait cette modification sans résultat. Pour être honnête, je ne comprends pas vraiment la signification de ce code. Je vois qu'un élément est créé (le sélecteur) et que la variable est i:

var selectIntervalH = document.createElement('select'); 
      for (var i = 0; i < 8; i++) { 
       var option = document.createElement('option'); 
       switch(i) { 
        case 0: 
         break; 
      option.value = '0'; 
      option.text = '0"'; 
      selectIntervalH.appendChild(option); 
        case 1: 
         break; 
      option.value = '1/8'; 
      option.text = '1/8"'; 
      selectIntervalH.appendChild(option); 
        case 2: 
      option.value = '1/4'; 
      option.text = '1/4"'; 
      selectIntervalH.appendChild(option); 
         break; 
        case 3: 
      option.value = '3/8'; 
      option.text = '3/8"'; 
      selectIntervalH.appendChild(option); 
         break; 
        case 4: 
      option.value = '1/2'; 
      option.text = '1/2"'; 
      selectIntervalH.appendChild(option); 
         break; 
        case 5: 
      option.value = '5/8'; 
      option.text = '5/8"'; 
      selectIntervalH.appendChild(option); 
         break; 
        case 6: 
      option.value = '3/4'; 
      option.text = '3/4"'; 
      selectIntervalH.appendChild(option); 
         break; 
        case 7: 
      option.value = '7/8'; 
      option.text = '7/8"'; 
      selectIntervalH.appendChild(option); 
         break; 
       } 
      } 

que quelqu'un peut me aider à comprendre ce petit problème ou js jquery? Merci à l'avance.

Answer 1

sur case 0:break placé au mauvais endroit.

case 0: 
     option.value = '1/8'; 
     option.text = '1/8"'; 
     selectIntervalH.appendChild(option); 

     break; //<------ move it here 
    case 1: 

Mise à jour:

case 1break est également mal placée. Corrigez cela.

 case 1: 
     option.value = '1/8'; 
     option.text = '1/8"'; 
     selectIntervalH.appendChild(option); 

     break; //<------ move it here