gbreadman13
@gbreadman13
Фронтенд-кодер из Красноярска

Как увеличить высоту textarea readonly, в которую текст подставляется через JS?

Добрый день. Есть textarea со свойством readonly и отключенным ресайзом.

Задумка такая. Пользователь кликает по услугам, а текст услуги добавляется через такой скрипт.
$(".copy textarea").html("Здравствуйте, дядя Саша. Меня интересуют вот эти услуги: " + serviceText + ". Сколько это будет стоить?")


Текст может быть и в две строки, и в 102. Вот только textarea при таком подставлении не увеличивается. Минимальная высота у меня задана в 54px. А больше не становится, так и держится.

Пустое поле
600551f1306a1556798337.png

Добавили кучу строк
6005520710f3d572643792.png

В чем проблема?
  • Вопрос задан
  • 98 просмотров
Пригласить эксперта
Ответы на вопрос 3
Kozack
@Kozack Куратор тега JavaScript
Thinking about a11y
В чем проблема?

В том, что textarea сам по себе не изменяет высоту. После вставки текста, вам нужно посмотреть сколько символов/строк в вставленном тексте и увеличить высоту textarea
Ответ написан
@Sergey-Nag
Небольшая библиотека для авторесайза, работающая с JQuery
www.jacklmoore.com/autosize
Ответ написан
Комментировать
wooly
@wooly
Делаю фронт, пока не соскучусь за бэком
Надо опираться на HTMLElement.offsetHeight после заполнения данными, и устанавливать новое значение для элемента.
style.height надо установить offsetHeight + 'px'
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы