Tooltip on select box options

Question

I have a select box in which the options have policy name. I need to display the description of policies in tool tip of the options. I tried tipr plugin where data-tip optio

Answer 1

You must specify a container for tooltip outside select, because tooltip is rendered inside select and is ignored by browser. As is specified in twitter bootstrap documentation tooltips are by default disabled you must enable it by yourself. http://getbootstrap.com/javascript/#four-directions See an working example below or https://jsfiddle.net/5xj10efa/

    
    
    



    

        

            

            

                
                    option 1
                    option 2
                    option 3
                    option 4
                    option 5
                    option 6
                
                

            
            

        
    

    
    
    

Update: add a code snippet

  $(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip();
  });

			

				

				

					
						option 1
						option 2
						option 3
						option 4
						option 5
						option 6