我有一个已经很复杂的表单，其中包含一个包含 25 个国家/地区的选择框，以及该表单上的 3 个输入，其默认值需要根据所选国家/地区进行更改。
该解决方案必须适用于 IE 10 和 IE 11 以及其他现代浏览器。
我遇到的问题是确定我应该使用哪种最合适的技术来实现这一目标。
我觉得在这种情况下 Ajax 是没有必要的，尽管它并不打折。
每行数据只包含以下值：
21、120、17、250；
其中 21 是 country_id，因此需要加载的数据并不多。
我们已经在很大程度上依赖 JQuery 来进行行为管理。
鉴于我面临的问题，任何人都可以指出正确的技术方向来解决这个问题，或者甚至是可以让我领先一步的教程吗？
【问题讨论】：
标签： javascript jquery data-binding
您可以将默认值存储在 javascript 对象中，并按其国家/地区 ID 对其进行索引。
类似：
var countryDefaults = {
"21": {
a: 120,
b: 17,
c: 250
},
"22": {
a: 1,
b: 2,
c: 3
}
// ...
};
您可能需要在选择框上注册一个更改事件处理程序。捕获更改事件后，您只需要检索所选的国家/地区 ID（可能在您的选择的 option 标签上带有数据属性）。获得国家/地区 ID 后，您可以从 countryDefaults 哈希 (countryDefaults[countryId]) 中检索默认值并更新输入的默认值。
具体的技术是：HTML、Javascript 和 JQuery（尽管您可以在没有 JQuery 的情况下做到这一点）。或者，您可以尝试使用支持数据绑定的 MVC 框架，例如 Ember 或 Angular。
我希望这会有所帮助。
【讨论】：