2

私のアプリケーションには、次の css を持つ textarea (html) フィールドがあります

.textareaCss{overflow: auto;width:500px; height:15px; margin:0; padding:5px; margin-top:4px; margin-bottom:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; border:#d9d9d9 solid 1px;color: #999;}

ユーザーのコメントが大きくなり、入力されたコンテンツが 15px の高さよりも多くのスペースを占めるようになった場合、スクロール バーが表示され、ユーザーは図のように最初の行を見ることができなくなります。

ここに画像の説明を入力

コンテンツ全体が常に表示されるように、テキストエリアの高さが大きくなる可能性はありますか? 注意してください: いずれにせよ、文字数の制限は 1000 です。

4

2 に答える 2

4

答えは以下の通り 1.プラグイン「autogrow.js」Autogrow jsをGitHubからダウンロード

そして、それをコードに追加して、それぞれ参照を与えます。

次に、以下のようにコードを追加します

$(function() {
   $('#txtMeetingAgenda').autogrow();
});
于 2013-02-27T06:06:13.580 に答える
2

これを実現するには、jQuery を使用できます。変更イベントがうまくいくと思います。変更時に高さをリセットするだけです。

例えば：

$('.textareaCss').on('keyup', function(){
    $(this).css('height', '100%');
});

私はこれをテストしていませんが、正しい方向に向ける必要があります。

于 2013-02-26T05:27:49.203 に答える