我正在使用bootstrap下拉列表,其行为与html select下拉列表完全相似。但是在bootstrap
网站上,当我更改下拉列表时,我的下拉列表都没有实际更改其范围或输入选项卡中的值。
另外,我正在寻找更改项目时发生的更改事件。
但是我尝试尽可能地映射:
我正在执行以下操作:
<div class="btn-group" data-select="true">
<a class="btn btn-small dropdown-toggle" data-toggle="dropdown" href="#">
<span class='dropdown-display'>5</span>
<i class='caret'></i>
</a>
<input type='hidden' value='5' class='dropdown-field spec-no-of-rows' />
<ul class="dropdown-menu">
<li><a href="#" data-value="5">5</a></li>
<li><a href="#" data-value="10">10</a></li>
<li><a href="#" data-value="20">20</a></li>
<li><a href="#" data-value="50">50</a></li>
<li><a href="#" data-value="100">100</a></li>
<li><a href="#" data-value="500">500</a></li>
<li><a href="#" data-value="1000">1000</a></li>
</ul>
</div>
我包括了boostrap和bootsrap-dropdown和bootsrap-select。
当我单击该框时,没有出现dopdown,也不会触发任何事件。我在做什么错。
那么我可以在引导程序中具有完全相同的html select行为吗?
最佳答案
我忘了添加我的javascript:
$('div[data-select=true]').dropSelect();
现在一切正常。