Как перехватить выбор начальной загрузки?

Question

Я хотел бы перехватить выбор из выпадающего меню. Это меню сделано с https://github.com/CWSpear/bootstrap-hover-dropdown, но это, безусловно, не меняет основ. Мой HTML-код:

<div class="row"> 
    <div class="col-md-5"> 
     <div class="form-group text"> 
      <label class=" control-label" for="comment">Comment :</label> 
      <div class="input-group"> 
       <input type="text" name="comment" class="form-control " placeholder="Free comment" id="" value="" /> 
       <span class="input-group-btn"> 
        <button class="btn btn-success add_language dropdown-toggle" 
         id="add_language-1" 
         title="Add a language" 
         data-toggle="dropdown" 
         data-hover="dropdown"> <i class="fa fa-plus"></i><span class="caret"></span> 
        </button> 
        <ul class="dropdown-menu" id="dropdown-menu"> 
         <li><a tabindex="1">English</a></li> 
         <li><a tabindex="2">Spanish</a></li> 
         <li><a tabindex="3">German</a></li> 
        </ul> 
       </span> 
      </div> 
     </div> 
    </div> 
</div> 

И вот что я выясняю перехватить выбор, но это не работает, и быть более точным, я на самом деле заинтересовался стоимости TabIndex в:

$(document).ready(function($) { 
    $('.dropdown-toggle').dropdownHover(); 

    $('.dropdown-menu').on('click', function(event){ 
     event.preventDefault(); 
     var value = $('#dropdown-menu').selected(); 
     alert(value); 
    }); 
} 

Фактически, onclick даже не называется. Какая у меня ошибка? Вот соответствующий jsFiddle

Answer 1

Если вы нормально с выбора элемента, вы можете пометить ваше меню, как это:

<select class="dropdown-menu" multiple> 
    <option value="1">English</option> 
    <option value="2">Spanish</option> 
    <option value="3">German</option> 
</select> 

затем вытащить значение, используя метод jQuery's val().

$(document).ready(function() { 
    $('.dropdown-menu').on('click', function(event){ 
    event.preventDefault(); 
    console.log($('.dropdown-menu').val()); 
    }); 
});