textarea赋值（JS通过下拉菜单给textarea赋值）

本文目录

• JS通过下拉菜单给textarea赋值
• asp.net给textarea赋值，从后台查询数据库后，赋值给textarea在线等待 急用急用
• jquery给textarea赋值
• textarea value 到底该怎么赋值
• jquery给textarea赋值问题
• 怎么给textarea赋值
• 在html的textarea输入的时候，如何根据输入的内容自动增加textrea的高度
• 如何让textarea的高度自适应
• 如何设置textarea高度自适应jquery
• 如何让textarea，kindeditor的高度自适应

JS通过下拉菜单给textarea赋值

首先在textarea前后加form以便使用
《form name=“form1“》
《textarea name=“muban“ style=“display:none“》
《/form》
在option处点击的时候用onclick=“form1.muban.value=’要赋的值’“
当然如果你不用onclick 其他事件用法也类似
如果那些option也可以放在这个form里的话，可以这么写
onclick=“this.form.muban.value=’要赋的值’“
---------------------------------------------------------------
也可能是option的问题，option我没怎么用过，不过button是肯定可以的，我的工程里就是这么用的。反正肯定是***.testareaname.value=’***’

asp.net给textarea赋值，从后台查询数据库后，赋值给textarea在线等待 急用急用

1.textarea是html控件，没有text属性。想用服务器控件的话就用一个textbox，然后把textmode属性设为MultiLine。然后用text属性就可以了。运行后你在网页查看源文件，浏览器会把它解释成textarea。
2.用html控件textare，想在后台给他赋值就在页面里给他加上runat=“server“,然后在后台通过他的id用他的value属性，或innerhtml或innertext属性给他赋值就行了。

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

textarea value 到底该怎么赋值

赋值时用innerText、innerHTML、value。

textarea标签是成对出现的,以《textarea》开 始,以《/textarea》结束

属性:

Common -- 一般属性

cols -- 多行输入域的列数

rows -- 多行输入域的行数

alt -- 代表表单的提示文字,当鼠标停留时

accesskey -- 表单的快捷键访问方式

disabled -- 输入域无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用

readonly -- 输入域可以选择,但是无法修改

tabindex -- 输入域,使用“tab“键的遍历顺序

引用网址:

jquery给textarea赋值问题

我在FireFox下试了
$(“#t1“).val(“111111111“); 这一句可以正常设置ID为t1的textarea的值；
你可以用以下任一种方法验证一下：
1、代码后加上 $(“#t1“).show();
2、代码后加上 alert( $(“#t1“).val() )
3、用firebug在 $(“#t1“).val(“111111111“); 处设置断点，添加监控表达式 $(“#t1“).val() 可以看到

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

在html的textarea输入的时候，如何根据输入的内容自动增加textrea的高度

《body》
《script type=“text/javascript“》
var rows=1;//根据文本框初始值设置。
var cols=10;//根据文本框初始值设置。
var num=0;
function changerow(){
num++;
if(num==rows*cols-1){
rows=rows+2;
document.getElementById(“erea“).rows=rows;
}
}
《/script》
《textarea id=“erea“ rows=“1“ cols=“10“ onkeyup=“changerow()“》《/textarea》
《/body》
//实现了到达文本框末尾，就增加两行。

如何让textarea的高度自适应

另外找一个元素，和textarea设置一样的样式，当textarea输入的时候，将内容填充到该元素内，然后再将该元素的高度赋值给textarea。
这个元素比较苛刻了，不仅要接收textarea的文字内容，也要接收格式，比如回车什么的，很明显是pre标签了。
写在pre标签里的东西可以原格式输出，如果要在别的元素，比如div上实现类似的效果，可能需要使用一些CSS，比如white-space:pre，诸如此类的代码。
直接上代码了:
首先准备一个pre，一个textarea：
《pre class=“input“ id=“pre“》《/pre》
《textarea class=“input“ id=“textarea“》《/textarea》
然后给他们设置相同的样式：
.input {
padding: 10px;
width: 300px;
min-height: 150px;
border: 1px solid #ccc;
resize: none;
font-size: 20px;
line-height:30px;
overflow: hidden;
word-wrap: break-word;
}
这里设置了min-height，给他们一个最小高度，里面的字体行高的都设置的一样，这样他们的表现就一致了。注意：为了纯英文的换行，加上word-wrap。
最后一段简单的脚本：
var textarea = document.getElementById(’textarea’);
var pre = document.getElementById(’pre’);
textarea.oninput = function() {
pre.textContent = textarea.value;
textarea.style.height = pre.offsetHeight + ’px’;
}
监听textarea的input事件，更新自身的高度。
这时候，高度自适应的textarea已经构造完成了。但是pre这个元素我们是不想让他显示的，需要把他隐藏掉，但不能简单的display：none，这样就取不到pre的高度了，所以使用另外一个属性visibility，不过这个属性还是会占用空间的，把pre绝对定位即可：
.hide {
position: absolute;
z-index: -100;
visibility: hidden;
}
《pre class=“input hide“ id=“pre“》《/pre》
大功告成！
不过还有一些兼容性工作要做，IE8以下是不支持oninput事件的，但他们支持一个更强大的属性：onpropertychange。
可能有的童鞋会觉得可以使用onkeyup或者onkeydown事件，我在chrome下试验了下，在textarea改变高度的时候，会有闪动，oninput的表现就比较平滑。推荐使用oninput。

如何设置textarea高度自适应jquery

推荐你使用div来模拟一个textarea，如下

《div contenteditable=“true“ style=“width:360px;margin: 0 auto;border:1px solid #888;box-sizing:border-box;outline:none;“》根据内容自适应高度《/div》

如何让textarea，kindeditor的高度自适应

《script》
var KE;
KindEditor.ready(function(K) {
KE = K.create(’#content’,{
autoHeightMode : true, //启用编辑区自动高度
afterCreate : function() {
this.loadPlugin(’autoheight’); //加载时同步编辑区自动高度
}
});
});
《/script》