如何在bootstrap typeahead上的值更改时加载数据

Question

我创建了一个简单的元素，当选择的选项被更改时，使用ajax调用显示数据。 因为select中有这么多的值所以我决定使用Bootstrap TypeAhead。它使用ajax调用从控制器/动作加载json数据。它适用于字符串列表。 如何在选定值上加载下一个数据？因为这些数据没有id，或者我如何处理typeahead的值的ID。

Answer 1

我相信你在期待 数据源= '[{ID：123，值： “的JavaScript”}，{ID：124，值： “Java” 的}，{ID：125： “PHP”}]'

当用户输入Javascript时，你应该得到id = 123

这在bootstrap typeahead插件中是不可能的。

Bootstrap typeahead插件将接受数据源作为String数组/函数。数组中的值将呈现为下拉列表，值将在data-value属性中设置。

离。数据源= '[ “JavaScript的”， “Java” 的， “PHP”]'

<ul class="typeahead dropdown-menu">
 <li data-value="JavaScript" class="active"><a href="#">JavaScript</a></li>
<li data-value="Java" class="active"><a href="#">Java</a></li>
<li data-value="PHP" class="active"><a href="#">PHP</a></li>
</ul>

您无法将ID设置为列表。