Javascript 如何生成一个实用的<;选择>;只有一个最大值

Javascript 如何生成一个实用的<;选择>;只有一个最大值,javascript,ractivejs,Javascript,Ractivejs,使用Ractive,我想生成一个下拉列表,其中包含从1到n的数字选项 可以使用()生成select元素: 因此,数据将更改为: ractive = new Ractive({ el: myContainer, template: myTemplate, data: { n: 50 } }); 但是当您只有一个最大值(n)时,#countries循环的语法是什么? {{#每个数组(n):i} 选项{{i} {{/每个}} 相关文件: 使用数

使用Ractive,我想生成一个下拉列表,其中包含从1到n的数字选项

可以使用()生成select元素:

因此,数据将更改为:

ractive = new Ractive({
    el: myContainer,
    template: myTemplate,
    data: {
        n: 50
    }
});
但是当您只有一个最大值(
n
)时,
#countries
循环的语法是什么?


{{#每个数组(n):i}
选项{{i}
{{/每个}}
相关文件:

  • 使用数组(n)调用数组构造函数

{{#每个数组(n):i}
选项{{i}
{{/每个}}
相关文件:

  • 使用数组(n)调用数组构造函数

@jcunod添加links@jcuenod添加链接
ractive = new Ractive({
    el: myContainer,
    template: myTemplate,
    data: {
        countries: [
            { id: 'AFG', name: 'Afghanistan' },
            { id: 'ALB', name: 'Albania' },
            // and so on...
        ]
    }
});
ractive = new Ractive({
    el: myContainer,
    template: myTemplate,
    data: {
        n: 50
    }
});
<select>
{{#each Array(n):i}}
    <option>option {{i}}</option>
{{/each}}
</select>