我有一个已经很复杂的表单,其中有一个包含25个国家的选择框,该表单上有3个输入,其默认值需要根据所选择的国家而更改。
该解决方案必须在ie10和ie11以及其他现代浏览器上运行。
我遇到的问题是确定我应该使用的最合适的技术来实现这一目标。
我不认为Ajax在这种情况下是必要的,尽管它没有打折扣。
每一行数据只包含如下值:
21, 120, 17,250;
其中21是country_id,所以,加载的数据并不多。
我们已经在很大程度上依赖JQuery来进行行为管理。
鉴于我所面临的问题,谁能给我指出正确的技术方向来处理这个问题,或者甚至是一个教程,让我领先一步?
您可以将默认值存储在javascript对象中,并根据其国家id对其进行索引。
类似:
var countryDefaults = {
"21": {
a: 120,
b: 17,
c: 250
},
"22": {
a: 1,
b: 2,
c: 3
}
// ...
};
您可能需要在选择框上注册一个更改事件处理程序。捕捉到更改事件后,您只需要检索所选择的国家/地区id(可能在选择的option
标记上使用data属性)。一旦有了国家id,就可以从countryDefaults
哈希(countryDefaults[countryId]
)中检索默认值,并更新输入的默认值。
具体的技术是:HTML、Javascript和JQuery(尽管不使用JQuery也可以这样做)。或者,你可以尝试使用支持数据绑定的MVC框架,比如Ember或Angular。