Bootstrap Dropdown选项是在* all *下拉菜单中设置选择

弗切兹牛

在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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

无法选项卡选择Bootstrap导航栏中的下拉菜单

来自分类Dev

基于数据属性的选择下拉菜单中的设置选项

来自分类Dev

AngularJS在下拉菜单中设置默认选择的选项

来自分类Dev

下拉菜单中的Bootstrap选项卡窗格

来自分类Dev

选择下拉菜单中的选项

来自分类Dev

Bootstrap 3:通过下拉菜单设置默认的nav选项

来自分类Dev

如何在选择下拉菜单中设置“选项”值的样式?

来自分类Dev

选择从选择下拉菜单中的选项时出现的模态

来自分类Dev

在Bootstrap下拉菜单中设置默认值

来自分类Dev

在Bootstrap UI中设置Typeahead下拉菜单的样式

来自分类Dev

如何使用其他下拉菜单中未选择的选项填充下拉菜单?

来自分类Dev

带下拉菜单的Bootstrap面板选项卡

来自分类Dev

Bootstrap JQuery:对所选项目的下拉菜单验证

来自分类Dev

带有下拉菜单的Bootstrap面板选项卡

来自分类Dev

插件中的jQuery预选择下拉菜单选项

来自分类Dev

角度-下拉菜单中不显示选择的默认选项

来自分类Dev

使用javascript在选择下拉菜单中更改选项

来自分类Dev

下拉菜单中的python硒选择选项

来自分类Dev

如何删除选择下拉菜单中的选项

来自分类Dev

在下拉菜单中设置所选项目?

来自分类Dev

在Yii的下拉菜单中设置每个选项的样式

来自分类Dev

Bootstrap的下拉菜单中的下拉按钮

来自分类Dev

下拉菜单中的...具有Bootstrap的下拉菜单

来自分类Dev

为PHP JQuery中的时间选择器设置带有AM / PM选项的下拉菜单

来自分类Dev

动态选择下拉菜单的选项

来自分类Dev

Bootstrap下拉菜单

来自分类Dev

Bootstrap下拉菜单

来自分类Dev

导航栏药丸中的 Bootstrap4.1.x 下拉菜单仅调用选项卡内容

来自分类Dev

下拉菜单中的Bootstrap Long list

Related 相关文章

  1. 1

    无法选项卡选择Bootstrap导航栏中的下拉菜单

  2. 2

    基于数据属性的选择下拉菜单中的设置选项

  3. 3

    AngularJS在下拉菜单中设置默认选择的选项

  4. 4

    下拉菜单中的Bootstrap选项卡窗格

  5. 5

    选择下拉菜单中的选项

  6. 6

    Bootstrap 3:通过下拉菜单设置默认的nav选项

  7. 7

    如何在选择下拉菜单中设置“选项”值的样式?

  8. 8

    选择从选择下拉菜单中的选项时出现的模态

  9. 9

    在Bootstrap下拉菜单中设置默认值

  10. 10

    在Bootstrap UI中设置Typeahead下拉菜单的样式

  11. 11

    如何使用其他下拉菜单中未选择的选项填充下拉菜单?

  12. 12

    带下拉菜单的Bootstrap面板选项卡

  13. 13

    Bootstrap JQuery:对所选项目的下拉菜单验证

  14. 14

    带有下拉菜单的Bootstrap面板选项卡

  15. 15

    插件中的jQuery预选择下拉菜单选项

  16. 16

    角度-下拉菜单中不显示选择的默认选项

  17. 17

    使用javascript在选择下拉菜单中更改选项

  18. 18

    下拉菜单中的python硒选择选项

  19. 19

    如何删除选择下拉菜单中的选项

  20. 20

    在下拉菜单中设置所选项目?

  21. 21

    在Yii的下拉菜单中设置每个选项的样式

  22. 22

    Bootstrap的下拉菜单中的下拉按钮

  23. 23

    下拉菜单中的...具有Bootstrap的下拉菜单

  24. 24

    为PHP JQuery中的时间选择器设置带有AM / PM选项的下拉菜单

  25. 25

    动态选择下拉菜单的选项

  26. 26

    Bootstrap下拉菜单

  27. 27

    Bootstrap下拉菜单

  28. 28

    导航栏药丸中的 Bootstrap4.1.x 下拉菜单仅调用选项卡内容

  29. 29

    下拉菜单中的Bootstrap Long list

热门标签

归档