Javascript 如何为表单上的多个输入字段创建数据列表？HTML5

我有大约50个字段的表单，应该有相同的选项供用户选择。我正在查看HTML5中的数据列表。看起来很不错，因为它为用户提供了从列表中键入所需选项的选项。我想知道是否有一个选项可以将相同的数据列表应用于所有50个字段。到目前为止，我发现只有一些示例使用了

id

属性。有没有办法用JQuery/Javascript创建这个类，并将同一个类应用于所有字段？我试过了，但没有成功，我的输入字段是空的，控制台中没有错误。以下是我的例子：

$（文档）.ready（函数（）{
对于（var i=0；idatalist与ID一起工作，并且没有其他方法将列表与输入字段连接起来

但是，您可以更改脚本以处理所有数据列表，但请记住，每个输入和数据列表都必须具有唯一的ID

$(document).ready(function () {
    for(var i=0; i <= 120; i+=5){
        $('datalist').append('<option value="'+i+'">');
    };
});

$（文档）.ready（函数（）{
对于（var i=0；i所有输入字段都指向相同的数据列表。因此，只需将具有相同值的列表属性添加到所有字段：

<input type="text" list="hzIntervals" size="3" />
<input type="text" list="hzIntervals" size="5" />
<datalist id="hzIntervals" style="width:20px;"></datalist>



选中此fiddle:
是否可以为此创建fiddle？offtopic:不要每次都附加到新的jquery对象html。最好将html存储在变量中并在循环后附加。只需添加属性list=“hzIntervals”对于所有其他输入字段：@Daiele我需要为每个输入元素创建datalist吗？可以在JQuery中只创建一个，然后在属性列表中为每个输入字段使用id吗？可以为相同的datalist使用更多的输入，但不能为相同的输入使用更多的datalist在JQuery中创建这个怎么样？这是一个选项吗？请参阅我的JSFIDLE！您只需将属性设置为所有inputshmm！不，问题是有多个字段指向同一个数据。这就是为什么您不能在JQuery中创建
datalist
元素的原因吗？在您的示例中，我看到您使用JQuery添加了属性列表。不，我只是发布了所需的内容！生成数据列表的代码是r好吧！你可以留着它！我也用小提琴拉了