单击下拉以使用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 
})