jquery - 選択ボックスにヒントを表示する方法

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>

選択ボックスの左側に表示するツールチップ以外のオプションが選択されていない場合、ユーザーがフォーム送信ボタンをクリックしたときに、ツールチップポインターが選択ボックスの中央を指すようにしたいです。

どうすればこれを達成できますか?

Answer 1

tooltipBootstrap にタグを付けたので、 を使用して達成できますBootstrap's JS Components。

簡単なものを試してみましたが、

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

サンプルJSFiddle。

あなたがいくつかのアイデアを持っていることを願っています。