Rails:从下拉菜单中选择后禁用输入标签

时间:2018-07-13 19:02:28

标签: ruby ruby-on-rails-4 drop-down-menu ruby-on-rails-5

场景/上下文

我有一个下拉菜单,下面有两个输入元素。

从下拉菜单中,是公司名称(其值设置为相应公司ID的名称),以及另一个提示,用于添加新公司

如果从下拉列表中选择了添加新公司 的选项,则用户将填写2个输入字段元素(即公司名称和公司电子邮件) )。

否则,如果从下拉列表中选择了可用公司, 然后禁用两个输入字段(用于公司名称和电子邮件)。

我的问题

如果我希望在不刷新页面的情况下进行操作,是否可以不使用AJAX调用? 有人可以建议其他替代方法吗?

非常感谢!

1 个答案:

答案 0 :(得分:0)

这是绝对可能的,尽管您需要使用一些JavaScript才能实现,并在初始页面加载时将更多数据加载到DOM。

对于option选择下拉列表中的每个company,为nameemail添加一个数据属性。

然后,在JavaScript中的change事件的下拉菜单中进行观察。每当触发该事件时,如果为所选选项定义了data-company-namedata-company-email属性,请禁用输入字段并使用这些值填充它们。如果未为选项定义这些数据属性(可能仅针对“添加新公司”选项),请清除输入字段中的值并启用它们。