单击Dropdown以使用Jquery获取值

时间:2015-03-18 09:24:25

标签: jquery html codeigniter drop-down-menu

我有输入类型的文字,当它点击下拉列表时会显示。我使用了来自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>

我希望在点击并将其输入输入时从下拉列表中获取值?

有可能???

2 个答案:

答案 0 :(得分:1)

当然有可能!

尝试使用jQuery:

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

答案 1 :(得分:1)

试试这个;

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