在SO上有很多问题,询问如何设置所选下拉菜单的值,例如如何在Bootstrap Button下拉标题中显示所选项目。效果很好,直到您向页面添加第二(或第三...)下拉菜单。然后发生的是,在下拉菜单A上选择一个值也会在下拉菜单B和C上设置该值...
这是我的小提琴
$(".dropdown-menu li a").click(function () {
var item = $(this).text();
$(".btn:first-child").text(item);
$(".btn:first-child").val(item);
});
当前的选择器正在选择所有下拉菜单。.需要的是在选定的下拉菜单按钮组中选择该按钮,或者通过父级遍历,但我都无法解决这两个问题。
任何帮助表示赞赏。
当您有$(“。btn:first-child”)时,您正在搜索所有按钮
您需要相对于当前元素:
$(".dropdown-menu li a").click(function () {
var item = $(this).text();
$(this).closest(".btn-group").find(".btn:first-child").text(item);
$(this).closest(".btn-group").find(".btn:first-child").val(item);
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句