如何添加工具提示使用引導或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() 
    }); 
});