我的引导菜单中有下拉列表。
<li class="dropdown">
<a aria-expanded="false" aria-haspopup="true" role="button" data-toggle="dropdown" class="dropdown-toggle" href="#">Chose option<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Option 1</a></li>
<li><a href="#">Option 2</a></li>
<li><a href="#">Option 3</a></li>
<li><a href="#">Option 4</a></li>
</ul>
</li>
我正在尝试在下拉列表中获取所选选项作为下拉列表的标题,而不是现在的“选择选项”。我已经尝试过在此站点和其他站点上找到的几种解决方案,但是无法使它们中的任何一个都能正常工作。
有人可以帮忙吗?
这应该为您工作:
<div class="dropdown">
<a aria-expanded="false" aria-haspopup="true" role="button" data-toggle="dropdown" class="dropdown-toggle" href="#">
<span id="selected">Chose option</span><span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Option 1</a></li>
<li><a href="#">Option 2</a></li>
<li><a href="#">Option 3</a></li>
<li><a href="#">Option 4</a></li>
</ul>
</div>
和脚本:
$('.dropdown-menu a').click(function(){
$('#selected').text($(this).text());
});
您需要在其中包装文字“选择选项”,<span>
以在选择时修改其值。
这是工作代码:http : //liveweave.com/U4BpiH
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句