如何添加工具提示使用引导或jquery的

Question

我如何添加工具提示使用引导或jQuery来显示在下拉列表中选择的值，显示在下拉列表中选择的值

<select> 
<option value="volvo">Volvo</option> 
<option value="saab">Saab</option> 
<option value="mercedes">Mercedes</option> 
<option value="audi">Audi</option> 
</select> 

Answer 1

添加引导tooltip.js插件并尝试下面。

<select id="select"> 
<option value="volvo">Volvo</option> 
<option value="saab">Saab</option> 
<option value="mercedes">Mercedes</option> 
<option value="audi">Audi</option> 
</select> 



$("#select").change(function(){ 
     $(this).attr("data-original-title", $(this).val()); 
     $(this).tooltip(); 
    }); 

JSFIDDLE

Answer 2

你需要在你的bootstrap编译tooltip.js。像这样的东西可能会起作用。

<!-- markup --> 
<select id="mydropdown"> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
</select> 

// JS 
$("#mydropdown").change(function() { 
    $(this).tooltip({ 
     title: $("#mydropdown option:selected").val() 
    }); 
});