将选择选项拆分为

Question

我对HTML中的选择框有疑问，我似乎无法在Google上找到答案。

我有一个包含1000个选项的精选html字段：

<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
....

现在我可以在1个选择框中向访问者显示所有选项，但是当他需要数字877时，他需要一直向下滚动。是否可以转换选择框（使用javascript或其他东西，PHP也是一个选项）以使选择框基于步骤。例如，首先你有5个选择：

<option value="1-200">1-200</option>
<option value="201-400">201-400</option>
<option value="401-600">401-600</option>
<option value="601-800">601-800</option>
<option value="801-1000">801-1000</option>

当他选择其中一个时，它变成1-50,51-100,101-150,151-200

我搜索了Chosen是否可以这样做，但我没有看到可能的选项。你可以搜索一个号码，但如果不可能的话，这是我的最后一个选择。

Answer 1

有几种方法可以实现你想要的......

1. 正如@Rory所建议的那样，Select2是一个非常好的选择 具有搜索功能。
2. 但是，如果必须，您可以计算数组，然后split into your desired chunk size，然后将每个块作为optgroup element插入到选择中，然后在单击某个组时，它会展开以显示内部选项小组。
3. The other way to do it is look for a plugin that has tree
4. You can also use two select boxes, one to select the group, and the other for options