gpt4 book ai didi

jquery - 在 Bootstrap 按钮下拉列表中显示所选项目标题/占位符文本

转载 作者:太空狗 更新时间:2023-10-29 13:20:05 28 4
gpt4 key购买 nike

这个问题已在 Stackoverflow 上被问过几次 - 但我仍然无法深入了解它......而且我的查询正在投入更多的下拉菜单。所以我有两个下拉菜单和一个搜索。我想从下拉菜单和“已选择”中进行选择以替换下拉占位符文本。但我还需要记住,点击搜索后,它会在数据库中查询这些选定字段。

            <!-- Search box Start -->
<form>
<div class="well carousel-search hidden-phone">
<div class="btn-group">
<a class="btn dropdown-toggle btn-select" data-toggle="dropdown" href="#">Select a Country<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Item I</a></li>
<li><a href="#">Item II</a></li>
<li><a href="#">Item III</a></li>
<li class="divider"></li>
<li><a href="#">Other</a></li>
</ul>
</div>

<div class="btn-group">
<a class="btn dropdown-toggle btn-select2" data-toggle="dropdown" href="#">Select a Region/City<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Item I</a></li>
<li><a href="#">Item II</a></li>
<li><a href="#">Item III</a></li>
<li class="divider"></li>
<li><a href="#">Other</a></li>
</ul>
</div>
<div class="btn-group">
<button type="submit" class="btn btn-primary">Search</button>
</div>

</div>
</form>
<!-- Search box End -->

最佳答案

您可以像这样设置选定的下拉文本..

$(".dropdown-menu li a").click(function(){
var selText = $(this).text();
$(this).parents('.btn-group').find('.dropdown-toggle').html(selText+'<span class="caret"></span>');
});

然后处理搜索按钮点击获取选择的值:

$("#btnSearch").click(function(){
alert($('.btn-select').text()+", "+$('.btn-select2').text());
});

工作演示:http://www.bootply.com/63926

关于jquery - 在 Bootstrap 按钮下拉列表中显示所选项目标题/占位符文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17061812/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com