javascript - 在客户端解决此问题的正确技术？

Question

我有一个已经很复杂的表单，其中有一个包含 25 个国家/地区的选择框，该表单上有 3 个输入，其默认值需要根据选择的国家/地区进行更改。

该解决方案必须适用于 IE 10 和 IE 11 以及其他现代浏览器。

我遇到的问题是确定我应该用来实现这一目标的最合适的技术。

我不认为 Ajax 在这种情况下是必要的，尽管它不打折扣。

每行数据仅包含以下值:

21、120、17、250；

其中 21 是country_id，因此，需要加载的数据并不多。

我们已经严重依赖 JQuery 来进行很多行为管理。

鉴于我面临的问题，任何人都可以为我指出解决此问题的正确技术的方向，甚至是一个可以让我领先的教程吗？

Answer 1

您可以将默认值存储在 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 的情况下完成此操作)。或者，您可以尝试使用支持数据绑定(bind)的 MVC 框架，例如 Ember或Angular .

我希望这会有所帮助。