selectBox内に文字が収まらない場合、選択時に幅を変更する
<select name="名前" class="test"> <option>ラベル1aaaaaaaa</option> <option>ラベル2</option> <option>ラベル3</option> </select> <script type="text/javascript"> $(function(){ var origWidth; $("select").mousedown( function(){ origWidth = $(this).css('width'); alert(origWidth); $(this).css('width', 'auto'); } ).blur( function(){ alert(origWidth); $(this).css('width', origWidth); } ); }); </script>
これでうまくいくと思ったが、サイズ取得の箇所が期待通りの動作にならない。