Textarea Autosize.js
Merhaba,
3 adet textarea alanım var bunlar her birinden autosize kullanmak istiyorum ama autosize.js kullandığımda sadece birinde işe yarıyor.
Diğerlerinde nasıl çalıştırabilirim?
<textarea type="text" class="title-form" placeholder="1"></textarea>
<textarea type="text" class="title-form" placeholder="2"></textarea>
<textarea type="text" class="title-form" placeholder="3"></textarea>
<script src="Assets/js/autosize.js"></script>
<script>
autosize(document.querySelectorAll('textarea'));
</script>
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (1)
Döngü içine alman lazım sadece ilk textareayı alıyorsun
querySelectorAll
(all demek hepsi demek)
let = allTextArea = document.querySelectorAll("title_form"); //class / id adlandırmalarında tire yerine alt çizgi seçmende kolaylık sağlar.
let ( sadece bulunduğu parantezkler içinde geçerli demek)
for(let i=0; i < allTextArea.length; i++){
autosize(allTextArea[i]); // i aslında bildiğin sayı nekadar textarean varsa sırayla döndürür [i] aslında 1 [i] aslında 2 vs..
}