Jquery ui autocomplete 更改从“自动完成”中选择的值

Jquery ui autocomplete 更改从“自动完成”中选择的值,jquery-ui-autocomplete,typeahead,Jquery Ui Autocomplete,Typeahead,我试图在用户从自动完成中选择选项后更新输入字段的值。我正在使用typeahead js的自动完成功能。这是我的名片 一旦用户选择了一个状态,我想将输入字段的值更新为其简短形式。如果用户选择康涅狄格州,我想将显示更新为CT。我尝试在输入标签上使用oninput、bind函数。它不起作用。你能帮忙吗?你试过使用猎犬建议引擎吗?您可以有一个状态对象列表(stateName和stateCode属性),而不是以字符串数组的形式返回状态。使用datumTokenizer,您可以建议使用状态名称,在选择

我试图在用户从自动完成中选择选项后更新输入字段的值。我正在使用typeahead js的自动完成功能。这是我的名片



一旦用户选择了一个状态,我想将输入字段的值更新为其简短形式。如果用户选择康涅狄格州,我想将显示更新为CT。我尝试在输入标签上使用oninput、bind函数。它不起作用。你能帮忙吗?

你试过使用猎犬建议引擎吗?您可以有一个状态对象列表(stateName和stateCode属性),而不是以字符串数组的形式返回状态。使用datumTokenizer,您可以建议使用状态名称,在选择Suggestion后,您可以在输入框中显示代码。这可以在“显示”属性中设置。您可以参考示例中的“自定义模板”。在datumTokenizer中,您可以给出“stateName”,而在display中,您可以给出“stateCode”。你们也可以为你们的建议选择模板。我确实试过datumTokenizer。但由于某种原因,它没有起作用。但我会再试一次,看看我是否遗漏了什么。谢谢你的意见。
<div id="the-basics">
<input class="typeahead" type="text" placeholder="States of USA">
</div>