Javascript getAddress.io API脚本

我试图将第1行、第2行和第3行的输出都放在同一个名为“address”的字段中，而不是放在自己的输入字段中

我正在使用getAddress.io中的API，下面是我正在使用的代码，我已经尽了最大的努力，遇到了困难，需要专业人士的帮助：）

目前使用该代码显示如下地址：

第1行：14号公寓 第2行：林登苑 3号线：主街

$('#postcode_lookup').getAddress({
  api_key: 'MYAPIKEY',
  output_fields: {
    line_1: '#address',
    line_2: '#line2',
    line_3: '#line3',
    post_town: '#town',
    county: '#county',
    postcode: '#postcode'
  },
  onAddressSelected: function(elem, index) {
    let postcode = $('#getaddress_input').val();
    $('#postcode').val(postcode.toUpperCase());
  }
});

我想做的是在同一行上获得输出，如下所示：

地址：缅因街林登苑14号

$('#postcode_lookup').getAddress({
  api_key: 'MYAPIKEY',
  output_fields: {
    line_1: '#address',
    line_2: '#line2',
    line_3: '#line3',
    post_town: '#town',
    county: '#county',
    postcode: '#postcode'
  },
  onAddressSelected: function(elem, index) {
    let postcode = $('#getaddress_input').val();
    $('#postcode').val(postcode.toUpperCase());
  }
});

---

您只需将

elem

传递到您的div：

onAddressSelected: function(elem,index){
    $('#postcode').val(elem);
}

看到小提琴了吗

您可以用逗号分隔地址，但我不知道这有多准确：

let address = elem.split(',');
let line1 = address[0];
let line2 = address[1];
let line3 = address[2];
let town = address[3];
let county = address[4];
let postcode = address[5];
$('#postcode').val(line1 + line2 + line3);

请参阅更新的小提琴

对于您的代码，我的更新如下：

$('#postcode_lookup').getAddress({
  api_key: 'cHCcb9duOU6-o9q1F3-9JQ19989',
  output_fields: {
    line_1: '#address',
    line_2: '#line2',
    line_3: '#line3',
    post_town: '#town',
    county: '#county',
    postcode: '#postcode'
  },
  onAddressSelected: function(elem, index) {
    let address = elem.split(',');
    let line1 = address[0];
    let line2 = address[1];
    let line3 = address[2];
    let town = address[3];
    let county = address[4];
    let postcode = address[5];
    $('#postcode').val(line1 + line2 + line3);
  }
});

---

在这里查看更新的fiddle代码

您可以查看JS的源代码以探索更多选项，一些文档也可以

f = {
        api_key: "",
        output_fields: {
            line_1: "#line1",
            line_2: "#line2",
            line_3: "#line3",
            post_town: "#town",
            county: "#county",
            postcode: "#postcode"
        },
        api_endpoint: u,
        input: undefined,
        $input: undefined,
        input_label: "Enter your Postcode",
        input_muted_style: "color:#CBCBCB;",
        input_class: "",
        input_id: "getaddress_input",
        input_name: "getaddress_input",
        button: undefined,
        $button: undefined,
        button_id: "getaddress_button",
        button_label: "Find your Address",
        button_class: "",
        button_disabled_message: "Fetching Addresses...",
        $dropdown: undefined,
        dropdown_id: "getaddress_dropdown",
        dropdown_select_message: "Select your Address",
        dropdown_class: "",
        $error_message: undefined,
        error_message_id: "getaddress_error_message",
        error_message_postcode_invalid: "Please recheck your postcode, it seems to be incorrect",
        error_message_postcode_not_found: "Your postcode could not be found. Please type in your address",
        error_message_default: "We were not able to your address from your Postcode. Please input your address manually",
        error_message_class: "",
        lookup_interval: 1e3,
        debug_mode: !1,
        onLookupSuccess: undefined,
        onLookupError: undefined,
        onAddressSelected: undefined,
        sort_numerically: !0
    };

---

请提供一个指向您在那里使用的任何SDK/库的文档的链接。我在上面使用的带有演示代码的站点链接是：也请向我们展示您将此输出放入其中的HTML。这样的演示本身并不能告诉我们什么是，什么是不可能使用此库的。实际文件应对此作出解释。如果没有，并且尝试明显的（为多个字段指定相同的选择器，看看会发生什么？）也不会成功-那么您可能需要自己处理这个问题，在某个回调函数中。或者，可能只是需要将变量输出到一些内联元素中，而不是块级或窗体元素中<代码>…等等，尽管如此，它也显示了县和邮政镇，是否有办法将其限制为显示第1行第2行和第3行？请参阅更新的fiddle。我不建议这样做，因为这将分隔逗号返回的地址。我建议直接使用他们的API，选择你想要的。完美！！这很好，但是我现在在“onAddressSelected:”框中有这段代码，所以如果你得到我，我怎么能把下面的代码和你的新代码都放在代码的同一部分呢。onAddressSelected:function（elem，index）{let postcode=$（'#getaddress_input'）.val（）；$（'#postcode'）.val（postcode.toUpperCase（））；}