时间戳

首页 > 解决方案 > 自动填充 HTML 选择列表

javascript - 自动填充 HTML 选择列表

问题描述

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

是否像设置选择框的值等于第一个框的值一样简单？不知道如何解决这个问题。我是否也会为 5 个选择框设置不同的 ID 和相同的名称，或者保持它们不同并将值应用于每个选项？

标签： javascriptmootools

解决方案

给所有的选择框一个类，例如<select class="syncday">，然后让你的按钮的点击处理程序执行类似的操作

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

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

推荐阅读