我如何應用Onselect方法在javascript中下拉菜單

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循環會為我做一個工作，例如，如果（選擇“添加”，則執行此操作；如果選擇“刪除”，則進行其他操作。

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

    });

Answer 1

您使用的selector是完全可以的，但是由於您要向anchor標記添加click事件，因此可以選擇使用.preventDefault()來防止頁面重定向，

你試一試，

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

注意：您必須使用.text()方法來檢索標簽內的文本。

演示

Answer 2

只需在函數內部編寫以下代碼

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

小提琴的例子

Answer 3

您可以參考小提琴http://jsfiddle.net/9GZQ2/並可以做您想做的事情。 您需要做的就是為您更改函數內的任務，即是：alert（$（this）.text（））;

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