Webページを印刷する際、一行テキストボックスに長いデータが入っている場合、はみ出た文字列が印刷されないという課題がある。 そのため、画面を表示する際に一行テキストボックスの横幅を、入力されているデータの長さに合わせてリサイズするようにした。
$('input[type="text"]').each(function( index ) { $(this).attr('size', $(this).val().length * 2); });
Demo
Webページを印刷する際、一行テキストボックスに長いデータが入っている場合、はみ出た文字列が印刷されないという課題がある。 そのため、画面を表示する際に一行テキストボックスの横幅を、入力されているデータの長さに合わせてリサイズするようにした。
$('input[type="text"]').each(function( index ) { $(this).attr('size', $(this).val().length * 2); });
Demo