devbridge/jQuery自动完成如何将数据部分转换为提交值

我已经让自动完成在我的表单中工作，当我提交它时，我看到“值”作为post数据的一部分。问题是我也需要文章中的“数据”部分，但我似乎不知道如何做到这一点

这就是我的工作

var国家=[
{值：'Palm Bay'，数据：'1840015094'}，
{值：'Palm Beach Gardens'，数据：'1840015125'}
];
$（“#自动完成”）。自动完成({
查阅：国家，
onSelect：功能（建议）{
$（“位置”）.val（建议值）；
$（“city_id”）.val（suggestion.data）；
}
});

---

您需要根据自己的需要使用onSelect事件

var国家=[
{值：'Palm Bay'，数据：'1840015094'}，
{值：'Palm Beach Gardens'，数据：'1840015125'}
];
$（“#自动完成”）。自动完成({
查阅：国家，
onSelect：功能（建议）{
$（“#city_id”）.val（suggestion.data）；//此处
}
});

感谢您的快速回复网络代码，我编辑了上面的原始代码片段，以合并您建议的更改，但它仍然不起作用。我在post数据中没有得到city_id的值。你离我越来越近了<代码>位置和“城市”不是有效的html元素。您需要使用散列（设置id属性时）或点来选择它们。（设置类属性时。）

$（“#位置”）.val（suggestion.value）-注意散列。。。。对城市也是如此
<script>
var countries = [
    { value: 'Palm Bay', data: '1840015094' },
    { value: 'Palm Beach Gardens', data: '1840015125' }
];

$('#autocomplete').autocomplete({
    lookup: countries,
    onSelect: function (suggestion) {
        $("#city_id").val(suggestion.data); // Here
    }
});
</script>

<input type="hidden" name="city_id" id="city_id">
<input type="text" placeholder="Location: City, State" data-msg-required="Please enter a city and state." maxlength="100" class="form-control form-control-lg" autocomplete="off" name="location" id="autocomplete">