怎么通过js给textarea赋值

JavaScript010

怎么通过js给textarea赋值,第1张

textarea标签是成对出现的,以<textarea>开 始,以</textarea>结束属性:Common -- 一般属性cols -- 多行输入域的列数rows -- 多行输入域的行数alt -- 代表表单的提示文字,当鼠标停留时accesskey -- 表单的快捷键访问方式disabled -- 输入域无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用readonly -- 输入域可以选择,但是无法修改tabindex -- 输入域,使用"tab"键的遍历顺序引用网址:http://www.dreamdu.com/xhtml/tag_textarea/没见value属性，但实际还可用，赋值时用innerText、innerHTML、value都可以，如下：<html><head></head><script type="text/javascript">function changeTextArea(){document.getElementByIdx_x("myTextArea").innerText=document.getElementByIdx_x("myTextArea").innerText+"\ninnerText is ok!"document.getElementByIdx_x("myTextArea").innerHTML=document.getElementByIdx_x("myTextArea").innerText+"\ninnerHTML is ok!"document.getElementByIdx_x("myTextArea").value=document.getElementByIdx_x("myTextArea").innerText+"\nvalue is ok!"}</script><body><textarea name= "myTextArea" cols= "80 " rows= "10 ">原始值</textarea><input type="button" value="按钮" onclick="changeTextArea()"/></body></html>

【实例名称】

选取textarea中的指定行

【实例描述】

使用控件的focus或select方法，可以很方便地选取textarea的所有内容，但却无法实现某行的选取。本例讲解如何选取textarea中的指定行。

【实例代码】

<function getTxtRow(num, mytxt) //获取指定行的方法-第二个参数为文本框ID

{

//获取文本框内当前光标的位置

var range = document.getElementById(mytxt).createTextRange()

var rect = range.getClientRects()//返回一个矩形

var left = rect[0].left

if(num >rect.length - 1 || num <0)

return

if(num == 0) //选择第一行的情况

{

//设置选择范围

var right = rect[0].right

range.moveEnd("character",-range.text.length)

while(range.offsetLeft + range.boundingWidth <right)

{

range.expand("character")

}

return range

}

else

{

//设置选择范围

var right = rect[num].right

var range = getTxtRow(num - 1, mytxt)

range.moveStart("character",range.text.length + 1)

while((range.offsetLeft + range.boundingWidth) <right)

{

range.expand("character")

}

if(range.offsetLeft >left)

range.moveStart("character",-1)

return range

}

}

//选择指定行数的方法

function getText(num)

{

var range = getTxtRow(num,"txt")//调用真正的获取行方法

if(range != null)//如果指定的行内容不为空

{

alert(range.text)

range.select() //选择指定的行

}

}

</SCRIPT>

本文实例讲述了JS简单限制textarea内输入字符数量的方法。分享给大家供大家参考。具体如下：

这里演示JS限制一个area内的字符不能超过255，多余则截取。

代码如下：

<script>

function

getStringUTFLength(str)

{

var

value

=

str.replace(/[\u4e00-\u9fa5]/g,"

")

//将汉字替换为两个空格

return

value.length

}

function

leftUTFString(str,len)

{

if(getStringUTFLength(str)<=len)

{

return

str

}

var

value

=

str.substring(0,len)

while(getStringUTFLength(value)>len)

{

value

=

value.substring(0,value.length-1)

}

return

value

}

function

count()

{

var

len=255

var

value

=

document.getElementById("licenseother").value

if(getStringUTFLength(value)>=len)

{

document.getElementById("licenseother").value

=

leftUTFString(document.getElementById("licenseother").value,len)

}

document.getElementById("result").value

=

len-getStringUTFLength(document.getElementById("licenseother").value)

}

</script>

<table

width="100%">

<tr>

<td>

<textarea

cols=100

rows=4

id="licenseother"

onkeypress="count()"

onkeyup="count()"

onblur="count()"

onChange="count()"></textarea>

</td>

</tr>

<tr>

<td>

本输入框限制输入255个字符(汉字计算为2个字符)

剩余字符数：

<input

readonly

type="text"

size="3"

id="result"

value="255">

</td>

</tr>

</table>

希望本文所述对大家的JavaScript程序设计有所帮助。