Нажав на раскрывающийся список, чтобы получить значение с помощью JQuery

Question

У меня есть тип ввода текста, при нажатии на него выпадающее меню будет показано. Я использовал плагин от http://labs.abeautifulsite.net/jquery-dropdown/, чтобы показать раскрывающееся меню с выпадающим списком. этот мой код:

    <tr> 
         <td style="width:100px; padding-bottom:12px;">Category</td> 
         <td> 
     <input type="text" name="product" placeholder="Select category" maxlength="85" class="full text" data-dropdown="#dropdown-5"/> 
     <span aria-hidden="true" class="icon-heart line-icon icon-2"></span> 
          <div id="dropdown-5" class="dropdown dropdown-tip dropdown-anchor-right"> 
           <ul class="dropdown-menu" id="dcategory"> 
            <li>Add Product</li> 
            <li>Add Category</li> 
            <li>Add Brand Information</li> 
            <li>Add Note</li> 
           </ul> 
          </div> 
         </td> 
        </tr> 

Я хочу получить значение из раскрывающегося списка, когда он щелкнул и поместил его во вход?

Возможно ли это ???

Answer 1

Конечно, это возможно!

Попробуйте это с JQuery:

$("ul.dropdown-menu li").click(function(){ 
    this = $(this); 
    inputval = this.text(); // sorry here it's text 
    $("input.full").val(inputval); 
}) 

Answer 2

Попробуйте это;

$('#dcategory li').click(function(){ 
    var x = $(this).text(); 
    $('input').val(x); //Give proper class 
})