0

郵便番号のリストと対応する地域のリストを含むcsvファイルがあるので、たとえば

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

等々。

csv ファイルには 3000 行あるため、すべての選択項目で選択ボックスを作成するのは少し面倒です。また、データベースに入れるのではなく、csv ファイルを介してこれを実行できるようにする必要があります

問題は、エリアを取得するには完全な郵便番号が必要ですが、フォームの回答として完全な郵便番号を受け入れることは許可されていないことです。そのため、郵便番号をテキストボックスに入力すると、その地域に変更されます。または、その領域をどこかに表示して、別のテキストボックスに追加できるようにします。

私はJQueryのオートコンプリートが答えかもしれないと思っていました..しかし、それは実際にはオートコンプリートではなく、より多くの自動変更です。

何を探すべきかについてのアイデアはありますか？

ありがとう

4

1 に答える 1

1

たとえば、csv ではなく JavaScript 配列を使用できる場合は、次のような方法でこれを非常に簡単に行うことができます。

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

...

次に、郵便番号用と地域用の 2 つのテキスト ボックスがあるとします。

<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()]);
    }
});
于 2013-06-11T09:55:04.110 に答える