自动填充HTML选择列表

时间:2019-06-27 13:53:10

标签: javascript mootools

场景:我有5个选择框可容纳5个工作日,而不是让用户单击并为每个框选择一个值,我希望他们可以选择第一个框并具有它旁边的按钮会在单击时自动为其余选择框填充相同的值。

设置选择框的值等于第一个框的值是否简单?不知道如何解决这个问题。我是否还会对5个选择框使用不同的ID和相同的名称,还是将它们保持不同,然后将值应用于每个选项?

1 个答案:

答案 0 :(得分:0)

给所有选择框一个类,例如<select class="syncday">,然后让按钮的clickhandler做类似的事情

  $$("select.syncday").set("value", $$("select.selectday")[0].get("value"))

这将从第一个选择中获取“值”并将其应用于所有值(使用mootools的$$)