Get selected item value from Bootstrap DropDown with specific ID

Question

I am \"creating\" my own \"ComboBox\" using Bootstrap 3 and JavaScript. Here is the JSFiddle for what I have so far:

Answer 1

The selector would be #demolist.dropdown-menu li a note no space between id and class. However i would suggest a more generic approach:

                                            
    
    

    
        
    
    

        
A
        
B
        
C
    



$(document).on('click', '.dropdown-menu li a', function() {
    $(this).parent().parent().parent().find('.datebox').val($(this).html());
}); 

by using a class rather than id, and using parent().find(), you can have as many of these on a page as you like, with no duplicated js