怎么通过js给textarea赋值

怎么通过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>

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(...)设定。

不知道你用没有jequry框架,当然用不用这个不影响,你的意思如果是用js向

textarea里面写入数据的话,很简单的,你先用选择器选择到textarea对象,比如用id选择器,var obj = document.getElementById("") 选择好对象后,直接用obj.value = "你想要添加的内容"


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11703717.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存