javascript - HTMLドロップダウンでの「オーバーフロー」の検出

Question

選択したドロップダウン（「select」）要素に、ユーザーに表示されているテキストよりも多くのテキストがあるかどうかを検出するにはどうすればよいですか？

私はこれをタイプテキストの入力で機能させる方法を見つけました（**現在Chromeでのみ機能しています...クロスブラウザソリューションは素晴らしいでしょう）が、選択で機能させることも試みています：

function applyTitles(jqueryElement) {
var element = jqueryElement[0];
if (element.offsetHeight < element.scrollHeight || element.offsetWidth < element.scrollWidth) {
    // element has overflow
    jqueryElement.attr('title', jqueryElement.val());
}
else {
    //element doesn't have overflow
    jqueryElement.attr('title', '');
}}

http://jsfiddle.net/NML3f/

私の目標は、すべてを一度に見ることができない場合に、入力にタイトルを動的に表示する一般的な方法を作成することです。どういうわけか、これを自動的に行うブラウザもあると思いましたが、そうではないと思います。