2013-08-16 44 views
0

我在表單內有一個選擇框。如何在選擇框中顯示tooptip

<div class="control-group"> 
    <label>![enter image description here][1] : 
    </label> 
    <div class="controls"> 
     <select required name="gender" id="gender" class="span12"> 
      <option value=""></option> 
      <option value="M">Male</option> 
      <option value="F">Female</option> 
      <option value="U">Unknown</option> 
     </select> 
    </div> 
</div> 

我想,當用戶點擊,如果沒有選項choosen比tooltiip在選擇box.The的左側顯示我想要的提示指針應指向的中間形式提交按鈕選擇框。

我怎麼能做到這一點? enter image description here

+0

你是什麼意思的點擊工具提示?通常在懸停時顯示工具提示,並且點擊事件有不同的響應機制。你能提供一些代碼和截圖來澄清這個問題嗎? –

+1

@ Ray'user1578904'他的意思是他希望表單驗證信息顯示爲工具提示 –

+0

Right rory ....... –

回答

0

既然你標記的引導,你可以使用Bootstrap's JS Components實現tooltip

我已經嘗試了簡單的一個,

$(document).ready(function() { 
    $("select").tooltip({ 
     placement: 'right' 
    }); 
}); 

JSFiddle

希望你有一些想法。

+0

是的,這是我一直在尋找。但是,您能否告訴我如何在點擊表單提交按鈕上執行此工具提示JavaScript –