Question

如何使用Bootstrap和JQuery检索位于文本框右侧的下拉按钮的值？

例如，单击“添加”将识别出单击的是“添加”下拉项，而不是“删除”。

我已经尝试了选择元素的常用方法，但是没有运气，而且搜索文档并没有带来任何运气。

帕格模板：

.form-group
   label.col-md-4.control-label(for='addRemoveUsers') Label
   .col-md-4
     .input-group
       input#addRemoveUsers.form-control(name='buttondropdown', placeholder='', type='text')
         .input-group-btn
         button.btn.btn-default.dropdown-toggle(type='button', name="actionButton", data-toggle='dropdown')
                                    | Action
                                    span.caret
                                ul.dropdown-menu.pull-right
                                    li
                                        a(href='#', name="addUser", id="addUser") Add
                                    li
                                        a(href='#'), name="removeUser", id="removeUser") Remove
                                span.help-block Help message.

JQuery：

jQuery("#addUser").click(function (e) {
    e.preventDefault();

    // Not working
    console.log($('#actionButton').selected())

Answer 1

替换

console.log($('#actionButton').selected())

使用

console.log($('#actionButton :selected').text());

使用jQuery检索单击的下拉项

1 个答案: