在客户端解决这个问题的正确技术

Correct technology to solve this on the client side?

本文关键字：技术 问题 客户端 解决      更新时间：2023-09-26

我有一个已经很复杂的表单，其中有一个包含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。

相关文章：