Show possible selections whilst typing.<\/p>\n
Performs a search for the typed text whilst typing in an input field. Shows possible matching pages in a selectable list.<\/p>\n
Example:<\/p>\n
<form method="get" action="\/search">\n <input type="search" id="person" name="person" value="" \/>\n <ul id="suggestions"><\/ul>\n <input type="hidden" id="person_id" value="" \/>\n {% wire id="person" type="input"\n action={typeselect cat="person"\n target="suggestions"\n action_with_id={with_args action={set_value target="person_id"} arg={value select_id}}\n action={submit}}\n %}\n<\/form>\n<\/code><\/pre>\nThis is a rather complicated example. It connects the typeahead action to the input element. The list of suggestions\nwill be shown in the <ul\/> with id suggestions. Only pages in the category person will be found.<\/p>\n
The listed suggestions will have two actions attached. One action will set the value of the hidden input element\nperson_id to the id of the selected suggestion (which is a page<\/a>). The other action will\nsubmit the form.<\/p>\nThe action_with_id arguments are always performed before the action arguments.<\/p>\n
The typeselect action accepts the following arguments:<\/p>\n
Argument<\/th> Description<\/th> Example<\/th><\/tr><\/thead> target<\/td> The id of element that will show the list of suggestions.<\/td> target="mylist"<\/code><\/td><\/tr>cat<\/td> The category for the searched pages. This argument can be repeated.<\/td> cat="text"<\/code><\/td><\/tr>template<\/td> Template used to show the list of possible pages. This defaults to the template "_action_typeselect_result.tpl"<\/code>. The template gets the following arguments: result<\/code> (list of ids), action_with_id<\/code> and action<\/code>.<\/td>template="_show_suggestions.tpl"<\/code><\/td><\/tr>action_with_id<\/td> Actions executed when a suggestion is selected. The id of the selected page will be added as the id<\/code> parameter. This argument can be repeated.<\/td>action_with_id={postback postback="page_select"}<\/code><\/td><\/tr>action<\/td> Actions executed when a suggestion is selected. This list is executed after the action_with_id<\/code> actions. This argument can be repeated.<\/td>action={slide_up target="form-id"}<\/code><\/td><\/tr><\/tbody><\/table>","slug":"typeselect","is_protected":false,"visible_for":0,"tz":"UTC","language":["en"],"doc_source_hash":"7cf6a45b40af34c477b1ccbc68f6f2768642fc0b3426e5cf03e6809a4fb13d2e","is_featured":false,"content_group_id":{"id":2551,"is_a":["meta","content_group"],"name":"content_group_imported_docs","title":"Imported documentation","uri":"https:\/\/zotonic.com\/id\/content_group_imported_docs"},"category_id":{"id":326,"is_a":["meta","category"],"name":"template_action","title":"Actions","uri":"https:\/\/test.zotonic.com\/id\/326"},"doc_source_path":"apps\/zotonic_mod_wires\/src\/actions\/action_wires_typeselect.erl","publication_start":"2023-06-24T08:17:45Z","github_url":"https:\/\/github.com\/zotonic\/zotonic\/blob\/master\/apps\/zotonic_mod_wires\/src\/actions\/action_wires_typeselect.erl","pivot_location_lng":null,"doc_source_kind":"action","name":"doc_template_action_action_typeselect","is_unfindable":false,"is_published":true,"pivot_geocode":null,"created":"2020-05-30T05:47:48Z","uri":null,"doc_status":"current","is_dependent":false,"erlang_app":"zotonic_mod_wires","publication_end":"9999-06-01T00:00:00Z","modifier_id":{"id":1,"is_a":["person"],"name":"administrator","title":"Site Administrator","uri":"https:\/\/zotonic.com\/id\/1"},"privacy":0,"doc_source_commit":"28493fb676b2d92727e68d4fba20d89c56cf8ead\n","erlang_module":"action_wires_typeselect","creator_id":{"id":336,"is_a":["person","robot"],"name":"gitbot","title":"Git","uri":"https:\/\/zotonic.com\/id\/336"},"modified":"2026-10-15T20:07:42Z","title_slug":"typeselect"},"uri":"https:\/\/zotonic.com\/id\/1985","uri_template":"https:\/\/zotonic.com\/id\/:id","websub":{"hub":"https:\/\/zotonic.com\/.zotonic\/websub","topic":"https:\/\/zotonic.com\/.zotonic\/websub\/topic\/1985"}},"status":"ok"}