Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何在引导typeahead上的值更改时加载数据_Jquery_Twitter Bootstrap_Bootstrap Typeahead - Fatal编程技术网

Jquery 如何在引导typeahead上的值更改时加载数据

Jquery 如何在引导typeahead上的值更改时加载数据,jquery,twitter-bootstrap,bootstrap-typeahead,Jquery,Twitter Bootstrap,Bootstrap Typeahead,我创建了一个简单的元素,当所选选项被更改时,它使用ajax调用显示数据。 因为select中会有很多值,所以我决定使用引导型TypeAhead。它使用ajax调用从控制器/操作加载json数据。它适用于字符串列表。 如何加载选定值上的下一个数据?因为此数据没有id,或者我如何处理typeahead值的id。我相信您正在期待 数据源=“[{id:123,value:JavaScript},{id:124,value:Java},{id:125:PHP}” 当用户输入Javascript时,您应该得

我创建了一个简单的元素,当所选选项被更改时,它使用ajax调用显示数据。 因为select中会有很多值,所以我决定使用引导型TypeAhead。它使用ajax调用从控制器/操作加载json数据。它适用于字符串列表。
如何加载选定值上的下一个数据?因为此数据没有id,或者我如何处理typeahead值的id。

我相信您正在期待 数据源=“[{id:123,value:JavaScript},{id:124,value:Java},{id:125:PHP}”

当用户输入Javascript时,您应该得到id=123

这在引导typeahead插件中是不可能的

Bootstrap typeahead插件将接受数据源作为字符串数组/函数。数组中的值将呈现为下拉列表,这些值将在“数据值”属性中设置

例如,数据源=“[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设置为列表。

我不确定是否完全理解您的问题。您是尝试加载值还是使用选定的值?查看这篇文章-可能会对您有所帮助:如果您需要检索带有ID的文本,我建议您使用select2插件及其无限滚动功能。下面是插件的一个示例