文本区域大小以适合所有行并限制每行字符 - Textarea size to fit all row and limit chars per row

Textarea size to fit all row and limit chars per row

本文关键字：字符区域文本 | 更新日期: 2023-09-26

我有这段代码，我从数据库中获得textarea输出($activities)。textarea中有些数据由多行组成。如何显示可以适合数据库中所有行的textarea。目前我正在使用jQuery $('textarea').autoResize();，它只在输入数据时起作用，在显示数据时不起作用。它只显示带有滚动条的一行。此外，是否有可能将每行的字符限制为30个字符，当它达到限制时，它将自动断行?谁能给我举个例子?

php:

<?php
$day = 6;
for($i=1; $i<= $day ;$i++){ 
    echo "<div class='item'>";
    echo "<form class='itineraryForm' id='itineraryForm$i'  method = 'post'>";
    echo "<table>";
    echo "<tr>";
    echo "<th>Time</th>";
    echo "<th>Activities</th>";
    echo "</tr>";
    echo "<tr>";
    echo "<td>";
    echo "<input type='text' class='i_field' name='time[]' value='$time' />";
    echo "</td>";
    echo "<td>";
    echo "<textarea rows='1' class='i_field$i' name='activities[]'>".$activities."</textarea>";
    echo "</td>";
    echo "</tr>";
    echo "</tbody>";
    echo "<input type='image' class='i_save_btn' src='img/save.png' value='SAVE' align='right'/>";
    echo "</table>";
    echo "</form>";
    echo "</div>";
}
?>

javascript:

$(document).ready(function () {
    $(document).on('click',".i_save_btn",function(e){
        e.preventDefault();
        $.post('inc/process.php', $(this).parents('form').serialize(), function(data) {});
    });
});

在echo "</form>";之后缺少echo "</div>";