# Merge Address into One Field

Instead of writing address attributes to specific input fields, you can also write out the entire address to a general input like a `textarea`.

This is achieved by using the [`onAddressSelected`](https://postcode-lookup.ideal-postcodes.co.uk/interfaces/Controller.ControllerConfig.html#onAddressSelected) callback.

Postcode Lookup provides a number of [callbacks](/docs/postcode-lookup/callbacks.md) to enable custom behaviours.

## Live Demo[​](#live-demo "Direct link to Live Demo")

Loading...

```
<form>
  <div class="box">
      <label>Search your Address</label>
      <div id="lookup_field"></div>
      <label>Address</label>
      <textarea id="output_field"></textarea>
  </div>
</form>
```

```

import { PostcodeLookup } from "@ideal-postcodes/postcode-lookup";

PostcodeLookup.setup({
  apiKey: "ak_test",
  context: "#lookup_field",
  onAddressSelected: function (address) {
    const result = [
      address.line_1,
      address.line_2,
      address.line_3,
      address.post_town,
      address.postcode,
    ]
      .filter((elem) => elem !== "")
      .join(", ");
    document.getElementById("output_field").textContent = result;
  },
});
```