textarea赋值(textarea的取值赋值)
一、怎么通过js给textarea赋值
textarea标签是成对出现的,以<textarea>开始,以</textarea>结束
属性:
Common--一般属性
cols--多行输入域的列数
rows--多行输入域的行数
alt--代表表单的提示文字,当鼠标停留时
accesskey--表单的快捷键访问方式
disabled--输入域无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用
readonly--输入域可以选择,但是无法修改
tabindex--输入域,使用"tab"键的遍历顺序
引用网址:
没见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 value 到底该怎么赋值
textarea标签是成对出现的,以<textarea>开始,以</textarea>结束
属性:
Common--一般属性
cols--多行输入域的列数
rows--多行输入域的行数
alt--代表表单的提示文字,当鼠标停留时
accesskey--表单的快捷键访问方式
disabled--输入域无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用
readonly--输入域可以选择,但是无法修改
tabindex--输入域,使用"tab"键的遍历顺序
引用网址:
没见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>
三、jquery给textarea赋值问题
jquery给textarea赋值的方法跟普通input一样。
举例说明，有如下代码：
$("<div id='x1'><textarea id='t1'></textarea>"+
"<textarea id='t2'></textarea></div>").appendTo("body");
那么给id='t1'的textarea赋值的方法如下：
$("#t1").text("AAA");
$("#t2").val("BBB");
分别说明两种写法的区别：
1、在IE下，不管用val()或text()赋值，后续的读取都正常；
2、在Firefox下，使用val()指定的值，画面上会出现，但是用text()或是透过html()检视时却是字串。因此在Firefox中，如果希望设定给textarea值出现在html()中或可以被clone()，请用text(...)设定。