Jquery Lookup自动完成

Question

我有一个带有邮政编码列表的csv文件以及相应区域的列表 例如

AA1 1BV, Main area
AA1 1BX, Main area
AA1 1BZ, Suburban Area

等等。

csv文件中有3000行，因此制作一个包含所有选项的选择框会有点痛苦。 此外，我需要能够通过csv文件执行此操作，而不是将其放入数据库

问题是我们需要完整的邮政编码来获取该区域，但我们不允许接受完整的邮政编码作为表格中的答案。 因此，当他们在文本框中输入邮政编码时，它会将其更改为该区域。或在某处显示区域，以便将其添加到另一个文本框中。

我认为JQuery自动完成可能就是答案..但它并不是真正的自动完成更多自动更改。

关于我应该寻找什么的任何想法？

由于

Answer 1

如果您可以使用例如javascript数组而不是csv，则可以使用以下内容轻松完成此操作：

var pcArray = [];
pcArray['AA1 1BZ'] = "Main area";
pcArray['AA1 1BX'] = "Main area";
pcArray['AA1 1BZ'] = "Suburban Area";

...

然后假设您有两个文本框，一个用于邮政编码，另一个用于区域：

<input type="text" id="pc" name="pc" /><input type="text" id="area" name="area" />

你可以用jQuery做这样的事情：

$("#pc").on("change", function(){
    if(pcArray[$(this).val()] !== undefined) {
        $("#area").val(pcArray[$(this).val()]);
    }
});