您的位置:首页 > Web前端 > HTML

HTML的TextArea标记跟随文本内容自动设置高度

2015-04-27 17:10 309 查看
<script type="text/javascript">
function get_text_rows(text) {
return text.split("\n").length;
}
$(document).ready(function () {
document.getElementById('ctl00_jiSubCon_txtJobDescribe').rows = get_text_rows($('#ctl00_jiSubCon_txtJobDescribe').val());
document.getElementById('ctl00_jiSubCon_txtJobNeed').rows = get_text_rows($('#ctl00_jiSubCon_txtJobNeed').val());
document.getElementById('ctl00_jiSubCon_txtContactMode').rows = get_text_rows($('#ctl00_jiSubCon_txtContactMode').val());
});
</script>
<script>
var textarea = document.getElementById('ctl00_jiSubCon_txtJobDescribe');
textarea.style.height = textarea.scrollHeight + 'px';
var textarea2 = document.getElementById('ctl00_jiSubCon_txtJobNeed');
textarea2.style.height = textarea2.scrollHeight + 'px';
var textarea3 = document.getElementById('ctl00_jiSubCon_txtContactMode');
textarea3.style.height = textarea3.scrollHeight + 'px';
</script>
http://my.oschina.net/ldaga/blog/156399
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:    &nbs