2017-08-14 22 views
-3
jsの

でダウンメニューを選択し、ドロップに1つのより多くの価値を追加選択ドロップダウンに。私は値0" を追加したい

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の初心者です。最初は難しかったので、私はこの修正を結果なしでやったのです。正直言って私はこのコードの意味を理解していません。私は要素が(セレクタ)を作成していることを確認し、変数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; 
       } 
      } 

は、誰かが私はこの小さなJSやjqueryの問題を把握助けることができますか? ありがとうございました。

+0

SOは無料のチュートリアルサービスではありません。 –

答えて

0

オン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 
+0

ドロップダウンリストに8番目の値を追加するにはどうすればよいですか? –

+0

valusが0になるようにしました。別のケース(ケース7にケース0)を追加しようとしましたが、8番目の値が表示されませんでしたか? –

+0

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

関連する問題