多个HTML5选择共享一个列表

Question

假设我有10个字段，所有这些领域都必须是从1950年到2017年的选择。是否可以创建一个从1950年到2017年，让每个列表的选择参考？还是我必须创建10个相同的列表，每个列表每个选择。

编辑：明显的应用将是所有家庭成员的生日？（对多个相同的选择的需求极为明显吗？）

编辑2：我认为功能类似于如何编写一个数据函数并具有大量数据参考该数据库的功能。这不是一个合法的问题吗？大声笑

Answer 1

有很多方法可以在多个元素上重复使用相同列表，或创建自定义组件，但是与仅复制元素或其HTML相比，它们都过于复杂。>

// add 1 clone with different attribute
var sel2 = sel1.cloneNode(true)
sel2.id = 'sel2'
sel1.parentNode.appendChild(sel2)  // or sel.insertAdjacentElement('afterend', sel2)
// insert 9 clones, but with the same atributes 
sel1.outerHTML += Array(10).join(sel1.outerHTML)

<select id=sel1>
  <option>1</option>
  <option>2</option>
</select>