多个HTML5选择共享一个列表

-3

比方说，我有10个字段的形式，所有这些都需要从1950年到2017年的选择。是否可以创建一个从1950年到2017年的列表和让每个选择引用该列表？或者我将不得不创建10个相同的列表，每个选择。多个HTML5选择共享一个列表

编辑：一个明显的应用程序将是所有家庭成员的生日？（是不是需要多个相同的选择是非常明显的？）

编辑2：我认为会有功能类似于如何写一个数据列表，并有大量的输入参考datalist。这不是一个合理的问题吗？笑

来源

2017-11-25 rdd12341414

如果他们都需要引用所选的年份..为什么不有一个选择？我真的不明白需要10个选择，如果他们都有相同的信息。。 – Zak

一个明显的应用是所有家庭成员的出生日期？（是不是需要多个相同的选择是非常明显的？） – rdd12341414

你应该真的使用''多年。或者'' – transistor09

有很多方法可以重复使用上的多个元素相同的列表，或者创建自定义组件，但他们都过于复杂相比，只是复制元素，或者它的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>

来源

2017-11-25 23:46:00 Slai

多个HTML5选择共享一个列表

回答

相关问题