読者です 読者をやめる 読者になる 読者になる

一行テキストボックスの横幅を入力データの長さに合わせる

Webページを印刷する際、一行テキストボックスに長いデータが入っている場合、はみ出た文字列が印刷されないという課題がある。 そのため、画面を表示する際に一行テキストボックスの横幅を、入力されているデータの長さに合わせてリサイズするようにした。

  $('input[type="text"]').each(function( index ) {
       $(this).attr('size', $(this).val().length * 2);
  });

Demo