как установить высоту текстовой области на авто - PullRequest
Новая
       11

как установить высоту текстовой области на авто

0 голосов
/ 29 сентября 2018 

var a = 'lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum ';
$('#btn').click(function(){
  $('#tx').val(a);
});
#tx{
  display:block;
  width:100%;
  background:gold;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea id='tx'>lorem</textarea>
<br>
<button id='btn'>CLICK</button>

Поэтому мне нужно видеть весь контент внутри текстовой области, без скрытых областей, как в div.

Любая помощь

1 Ответ

0 голосов
/ 29 сентября 2018

Вам нужно установить высоту текстовой области на высоту прокрутки.Поэтому используйте свойство scrollHeight, чтобы получить его.

$('#btn').click(function(){
  $('#tx').val(a).height($("#tx")[0].scrollHeight)
});


var a = 'lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum ';
$('#btn').click(function(){
  $('#tx').val(a+a+a).height($("#tx")[0].scrollHeight)
});
#tx{
  display:block;
  width:100%;
  background:gold;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea id='tx'>lorem</textarea>
<br>
<button id='btn'>CLICK</button>
...