Question

我使用twitter bootstrap创建一个下拉菜单，该菜单包含2个子菜单，如下所示：

    <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>

使用JavaScript如何为每个子菜单添加操作，例如当我选择添加它时应该提醒我“添加”，当我点击删除它时应该提醒我“删除”。我想如果循环会为我做一个工作，例如if（如果选择了Add，则执行此操作，如果选择Remove，则执行其他操作...我想使用它来执行基于子菜单的不同操作

  $(".dropdown-menu li a").click(function () {

    });

Answer 1

您使用的selector完全没问题，但由于您要向click标记添加anchor个事件，您可以选择使用.preventDefault()来阻止页面重定向，

试试吧，

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

注意：您必须使用.text()方法检索标记内的文字。

DEMO

Answer 2

只需在函数

中编写以下代码即可

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

示例Fiddle

Answer 3

你可以参考小提琴http://jsfiddle.net/9GZQ2/，可以做你想做的事。您需要做的就是为您更改函数内的任务：alert（$（this）.text（））;

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

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

3 个答案:

DEMO