Question

对于我的网站，我需要注册用户输入他们的邮政编码和城市，进入城市应该足以让页面自动填写邮政编码。

假设我有两个字段：

<input id="city" name="city_field" type="text">
<input id="zip" name="zip_field" type="text">

为了自动完成这个城市，我有这个代码，它完全正常：

<script type="text/javascript">
    var data = ['New York', '...']; //I keep the entire list here
    $(document).ready(function(){
        $("#city").autocomplete({
            source: data
        });
    });
</script>

现在，如何在进入城市时自动完成邮政编码？

（我将所有数据保存在变量中，因此无需连接到数据库）

Answer 1

您需要使用自动填充中提供的event-select。

Answer 2

像这样的东西

<script type="text/javascript">
var data = ['New York', '...']; //I keep the entire list here
$(document).ready(function(){
    $("#city").autocomplete({
        source: data,
        select: function(event, ui) {
            $("input#city").val(ui.item.value);
            $("input#zip").val(foo(ui.item.value)); // TODO Map to zip
            return false;
        },
    });
});
</script>

jQuery自动完成：如何在将数据输入其中一个时完成多个字段？

2 个答案: