场景/上下文
我有一个下拉菜单,下面有两个输入元素。
从下拉菜单中,是公司名称(其值设置为相应公司ID的名称),以及另一个提示,用于添加新公司。
如果从下拉列表中选择了添加新公司 的选项,则用户将填写2个输入字段元素(即公司名称和公司电子邮件) )。
否则,如果从下拉列表中选择了可用公司, 然后禁用两个输入字段(用于公司名称和电子邮件)。
我的问题
如果我希望在不刷新页面的情况下进行操作,是否可以不使用AJAX调用? 有人可以建议其他替代方法吗?
非常感谢!
答案 0 :(得分:0)
这是绝对可能的,尽管您需要使用一些JavaScript才能实现,并在初始页面加载时将更多数据加载到DOM。
对于option
选择下拉列表中的每个company
,为name
和email
添加一个数据属性。
然后,在JavaScript中的change
事件的下拉菜单中进行观察。每当触发该事件时,如果为所选选项定义了data-company-name
和data-company-email
属性,请禁用输入字段并使用这些值填充它们。如果未为选项定义这些数据属性(可能仅针对“添加新公司”选项),请清除输入字段中的值并启用它们。