SUNKYUN.COM

Textarea 높이 자동 조절

<style>

.textarea_size {

    resize:none;

    line-height:150%;

    width:100%;

    overflow-y:hidden;

    height:30px;

    border:1px solid #ccc;

}

</style>

<script>

function cmaTextareaSize(obj, bsize) { // 객체명, 기본사이즈

    var sTextarea = document.getElementById(obj);

    var csize = (sTextarea.scrollHeight >= bsize) ? sTextarea.scrollHeight+"px" : bsize+"px";

    sTextarea.style.height = bsize+"px"; 

    sTextarea.style.height = csize;

}

</script>

<textarea name="cma_test1" id="cma_test1" class="textarea_size"

onchange="cmaTextareaSize('cma_test1', 30);" onkeyup="cmaTextareaSize('cma_test1', 30);">

C.m.A API 이야기

내용에 따라 Textarea 높이 자동 조절

기본크기를 30으로 한경우

</textarea>

<script>cmaTextareaSize('cma_test1', 30);</script>

<br /><br />

<textarea name="cma_test2" id="cma_test2" class="textarea_size"

onchange="cmaTextareaSize('cma_test2', 150);" onkeyup="cmaTextareaSize('cma_test2', 150);">

C.m.A API 이야기

내용에 따라 Textarea 높이 자동 조절

기본크기를 150으로 한경우

</textarea>

<script>cmaTextareaSize('cma_test2', 150);</script>

출처 : http://chongmoa.com/javascript/72083

=============================================================

// textarea 높이 자동 조절

function cmaTextareaSize(obj, bsize) { // 객체명, 기본사이즈

var sTextarea = document.getElementById(obj);

var csize = (sTextarea.scrollHeight >= bsize) ? sTextarea.scrollHeight+"px" : bsize+"px";

sTextarea.style.height = bsize+"px"; 

sTextarea.style.height = csize;

}

$(function(){

cmaTextareaSize("FeeInfo", 22); // textarea id, css 고정높이값

});