如何在javascript中将Onselect方法应用于下拉菜单

我正在使用twitter引导创建一个下拉菜单，该菜单包含两个子菜单，如图所示：

    <div class="Menu"">
    <div class="btn-group">
        <button type="button" id="someaction" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
            Select Action
  <span class="caret"></span>
        </button>
        <ul class="dropdown-menu">
            <li><a class="add">Add</a></li>
            <li><a class="remove">Remove</a></li>
        </ul>
    </div>
</div>

---

您正在使用的

选择器

是完全正确的，但是由于您正在将

单击

事件添加到

锚定

标记，您可以选择使用

.preventDefault（）

来阻止页面重定向

试试看

$(".dropdown-menu li a").click(function (e) {
    e.preventDefault();
    alert($(this).text());
});

注意：必须使用

.text（）

方法检索标记内的文本

---

只需在函数中编写以下代码

alert($(this).text());// returns the current element text

---

示例

你可以参考小提琴，做你想做的事。您所需要做的就是为您更改函数中的任务，它将是：alert（$（this.text（））

---

但是如何根据子菜单显示警报？@user3195896上面给出的代码也适用于子菜单，因为我们在这里使用了后代选择器。@user3195896看一下附带的演示。好的，如果我想向特定菜单添加一些操作，例如：如果我选择“添加”，它应该调用一些方法，该怎么办？我不必写if循环，说if（选择Add时执行此操作，如果选择Remove时执行其他操作）@user3195896很高兴提供帮助。！

alert($(this).text());// returns the current element text

$(function(){
    $("#ProducterType").change(function(){
       alert($(this).text());
    });
    $("#Role").change(function(){
       alert($(this).text());
    });
});