jquery - 从 ajax 完成的列表中获取点击的项目

Question

我正在使用英国邮政编码查找，它生成一个简单的表单，执行 api 调用，然后它们用返回的项目填充列表:

<script>
$('#postcode_lookup').getAddress(
{
api_key: 'XXXXX',  
output_fields:
    {
    line_1: '#line1',
    line_2: '#line2',
    line_3: '#line3',
    post_town: '#town',
    county: '#county',
    postcode: '#postcode'
    },
input_label:'Please enter your postcode',
input_class:'form-control',
button_label:'Search',
button_class:'btn btn-primary'
});
</script>

所以我结束了

我现在想要做的是选择其中一个项目并将地址行移到另一页。
请问有什么最好的方法吗？

Answer 1

看起来您正在使用插件 https://getaddress.io .这允许通过注册回调方法来调用自定义代码。您需要的功能是 onAddressSelected .
下面是一个示例，用于说明如何使用所选地址重定向到另一个页面(因为我没有有效的许可证)。

$('#postcode_lookup').getAddress(
{
    api_key: 'YOUR_API_KEY',
    output_fields:
    {
        line_1: '#line1',
        line_2: '#line2',
        line_3: '#line3',
        post_town: '#town',
        county: '#county',
        postcode: '#postcode'
    },
    <!-- Optionally register callbacks at specific stages -->
    onLookupSuccess: function (data) {/* Your custom code */ },
    onLookupError: function () {/* Your custom code */ },
    onAddressSelected: function (elem, index) {
        /* Your custom code */
        window.location.replace("/other-page?address=" + index.formatted_address);
    }
});

您可以阅读有关文档 https://getaddress.io/Documentation 的更多信息(请参阅左侧的 JQuery 链接)
该插件还提供 API，这意味着您不仅限于 JQuery。