在js

时间:2017-08-14 13:45:37

标签: jquery select intervals

我想将值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问题吗? 提前致谢。

1 个答案:

答案 0 :(得分:0)

case 0: break放在错误的地方。

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

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

<强>更新

case 1 break也放错了地方。纠正了。

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

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