一個更多的價值添加到選擇下拉菜單中的JS

-3

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

我想值爲0" 的下拉列表。我是第一個使用javascript的初學者，我很艱難，所以我沒有做任何修改。說實話，我不太瞭解這段代碼的含義。我看到的元素創建（選擇）和變量是我：

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

有人可以幫我找出這個小JS或jQuery的問題呢？謝謝先進。

來源

2017-08-14 Alexandre Parent

SO不是免費的教程服務。 –

on case 0:break擺放在錯誤的地方。

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

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

更新：

case 1break也被放錯了地方。正確的。

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

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

來源

2017-08-14 13:54:56

如何向下拉列表中添加第8個值？ –

該值爲0「。我嘗試添加另一個案例（案例0到案例7），但第8個值不顯示？ –

'var selectIntervalH = document.createElement（'select'）; \t \t for（var i = 0; i <8; i ++）{ \t \t \t var option = document.createElement（'option'）;' –

一個更多的價值添加到選擇下拉菜單中的JS

回答

相關問題