如何在选择框中显示tooptip

我在表单内有一个选择框。如何在选择框中显示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

来源

2013-08-16 Saurabh Kumar

你是什么意思的点击工具提示？通常在悬停时显示工具提示，并且点击事件有不同的响应机制。你能提供一些代码和截图来澄清这个问题吗？ –

@ Ray'user1578904'他的意思是他希望表单验证信息显示为工具提示 –

Right rory ....... –

既然你标记的引导，你可以使用Bootstrap's JS Components实现tooltip。

我已经尝试了简单的一个，

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

样JSFiddle。

希望你有一些想法。

来源

2013-08-16 10:18:05 Praveen

是的，这是我一直在寻找。但是，您能否告诉我如何在点击表单提交按钮上执行此工具提示JavaScript –

如何在选择框中显示tooptip

回答

相关问题