javascript - 如何将用户的输入值放入 JS 数组中？

Question

我正在添加用户将自己的值输入到 6 个输入字段中的功能，其中部分或全部可能留空。我已经有一个填充了默认值的数组。如何将用户的值放入该数组中以便对其执行计算？

用户可以使用提供的值或输入自己的值。提供的值部分工作正常。我现在添加用户添加自己的值的功能(HTML 的下部)。

        <table border="0" cellpadding="5" cellspacing="0" width="100%">
            <tr>
                <td class="alignright">
                    <form id="form2">
                        <select class="displayLength" name="ratio" size="6">
                            <option value=''>Choose:</option>
                            <option value='sc10_4x4'>SC10 4x4: 58, 60, 62, 93</option> 
                            <option value='sc10'>SC10: 75, 78, 81, 84, 87</option> 
                            <option value='sc8'>SC8: 50, 52, 54</option> 
                            <option value='b44'>B44: 72, 75, 78, 81, 84</option> 
                            <option value='b4t4'>B4, T4: 72, 75, 78, 81, 84, 87</option> 
                            <option value='gt2'>GT2: 54, 55, 56</option> 
                        </select>
                </td></tr>

//这部分是新的:

                <tr><td>
                Alternate spur values:<br><br>
                <input class="display" type="number" size="14" value="" name="spur1">&nbsp;
                <input class="display" type="number" size="14" value="" name="spur2">&nbsp;
                <input class="display" type="number" size="14" value="" name="spur3"><br><br>
                <input class="display" type="number" size="14" value="" name="spur4">&nbsp;
                <input class="display" type="number" size="14" value="" name="spur5">&nbsp;
                <input class="display" type="number" size="14" value="" name="spur6">
                </td></tr>
            <tr>
                <td class="alignright">
                    <input id="buttonNewRatios" class="buttPress2" type="button" value="Alternates"><br><br>
                        <textarea name="moreRatios" cols="42" rows="8"></textarea> 
                </td></tr></form></table>

这是我遇到问题的 Javascript 部分。我不知道如何将用户值合并到交换机中，以便其余代码可以运行这些值。我通过 JSHint.com 运行了代码，它通过了。但是，没有显示任何结果。

    function gearSpurs(ratio) {
    var form = document.getElementById('formGearRatio');
    var spur1 = form.elements.spur1.value,
        spur2 = form.elements.spur2.value,
        spur3 = form.elements.spur3.value,
        spur4 = form.elements.spur4.value,
        spur5 = form.elements.spur5.value,
        spur6 = form.elements.spur6.value;

        var spurs = [];

        switch (ratio) {
            case 'sc10_4x4':
            spurs = ['58', '60', '62', '93'];
            break;
            case 'sc10':
            spurs = ['75', '78', '81', '84', '87'];
            break;
            case 'sc8':
            spurs = ['50', '52', '54'];
            break;
            case 'b44':
            spurs = ['72', '75', '78', '81', '84'];
            break;
            case 'b4t4':
            spurs = ['72', '75', '78', '81', '84', '87'];
            break;
            case 'gt2':
            spurs = ['54', '55', '56'];
            break;
            default:
            spurs = [spur1, spur2, spur3, spur4, spur5, spur6];
            break;
        }
        return spurs;
    }

如何将spur1...6正确地合并到switch语句中？ (此代码正在 iPhone 和 Android 环境中使用。)除了添加内容之外，它的工作效果也很好。)

Answer 1

您可以将它们添加在 switch 语句之前，如下所示:

spurs = [spur1, spur2, spur3, spur4, spur5, spur6];

然后更改 switch case 中的语句以使用将添加到数组末尾的推送函数:

spurs.push(['58', '60', '62', '93']);

或者，您可以保留 switch 并使用 push 在 switch 语句后面添加 6 个值，如下所示:

spurs.push([spur1, spur2, spur3, spur4, spur5, spur6]);