Selecting id's, displaying values

I’ve just implemented typeahead to serve as a kind of autocomplete select tag, fetching the names, companies and emails of a bunch of users. However upon selecting one of them, it sets the value of the text field to the id of the object in question, while I want to display the name.

In other words, I’d like to mimic something like <option value="1">John Doe</option> where I would submit the 1 value while never having to display it. And I prefer not having to do an additional query to find a person based on their name (which may not even be unique all the time).

I hope that makes sense. Hannes

[steswinbank]

You can use the custom events ‘typeahead:selected’ and ‘typeahead:autocompleted’ to populate a hidden input within the form. These custom events contain the datum selected as an argument. You’ll want something like: $(#TypeAheadInput").on(“typeahead:selected typeahead:autocompleted”, function(e,datum) { $(hiddenInput).val() = datum.id; })

[cromulus]

agreed. I’d really like to be able to specify what values are submitted in the typeahead for independent of the values displayed…