6

我有一个 if 语句，它有 100 多个不同的 if。

此刻我正在使用类似的东西......

$('select').on("change",function(){
    if(  $(this).val() === 'tennis' )  {
        $('.sport').val('raquet');
    }
    else if(  $(this).val() === 'soccer' )  {
        $('.sport').val('goal');
    }
    if(  $(this).val() === 'snooker' )  {
        $('.sport').val('cue');
    }
});

我想为英国的县建造一个，所以如果用户在下拉列表中选择“伦敦”，下一个字段将填充伦敦的邮政编码。

然而，我的问题是，我可以像上面的例子一样构建它，只是它会很大。

是否可以使用某种 xml 文件来执行此操作？或者是否可以将每个县及其值放入数组内的一个对象中并以这种方式定位它？

非常感谢任何帮助，谢谢

http://jsfiddle.net/4xQeX/

4

1 回答 1

24

通常的解决方案是将您的运动/对象对存储为数据，因为它是数据。

var tbl = {
    tennis: 'raquet',
    snooker: 'cue',
    ...
};

然后使用这个简单的代码：

$('select').on("change", function(){
    var t = tbl[$(this).val()];
    if (typeof t === "string") $('.sport').val(t);
});

您甚至可以tbl从单独的 JSON 文件中获取（或简单地将其存储在另一个 JS 文件中）以便于管理。

假设您想使用一个单独的 JSON 文件，名为things.json，那么您的文件将如下所示：

{
    "tennis": "raquet",
    "snooker":"cue",
    ...
}

代码是这样的：

var httpRequest = new XMLHttpRequest();
httpRequest.onreadystatechange = function() {
    if (httpRequest.readyState === 4) {
        if (httpRequest.status === 200) {
            var tbl = JSON.parse(httpRequest.responseText);
            $('select').on("change", function(){
                var t = tbl[$(this).val()];
                if (typeof t === "string") $('.sport').val(t);
            });
        }
    }
};
httpRequest.open('GET', 'things.json?time='+Date.now());
httpRequest.send();
于 2013-08-14T12:19:34.023 回答