如何向选择框显示工具提示

Question

我在表单中有一个选择框。

<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>

如果没有选择任何选项而不是工具提示显示在选择框的左侧，我希望用户点击表单提交按钮。我希望工具提示指针指向选择框的中间。< / p>

我怎么能做到这一点？

Answer 1

自从您标记了Bootstrap后，您可以使用 tooltip 来实现 Bootstrap's JS Components 。

我尝试过一个简单的，

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

示例JSFiddle。

希望你有所了解。