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

Question

[Илья Филонов]

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

Задумка такая. Пользователь кликает по услугам, а текст услуги добавляется через такой скрипт.

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

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

Пустое поле


Добавили кучу строк


В чем проблема?

Answer 1

[Alex]

В чем проблема?

В том, что textarea сам по себе не изменяет высоту. После вставки текста, вам нужно посмотреть сколько символов/строк в вставленном тексте и увеличить высоту textarea

Comments

[Илья Филонов]

Тогда может есть другое решение? Мне не принципиально, чтобы был textarea. Просто, насколько я понял, метод .select() не работает для обычного параграфа. А я его вызываю по клику. Поэтому и пришлось поменять параграф на textarea.

Answer 2

[Сергей]

Небольшая библиотека для авторесайза, работающая с JQuery
www.jacklmoore.com/autosize

Answer 3

[Alexandr N]

Надо опираться на HTMLElement.offsetHeight после заполнения данными, и устанавливать новое значение для элемента.
style.height надо установить offsetHeight + 'px'