用JQuery的text()方法赋值的问题

用JQuery的text()方法赋值,textarea显示正常,在页面手动改变了textarea中的文字,然后又触发一次text()方法,结果不能改变显示出来的文字,一直显示手动改变后的值。
脚本是在Chrome和Firefox中测试的,改用val()就正常了。究竟是为什么呢?
最新回答
我咋那么萌捏

2024-10-17 10:17:06

在textarea元素中,双标签中的内容是textarea默认值,就和那个input中设置value的值一样。

但是对于这中网页上的输入元素,他们的值在手动改了之后就不是默认值了。

对于textarea元素,你用text()方法修改的只是html的值,也就是修改了它的默认值(可以在crome浏览器下用审查元素查看效果,是html修改了;而修改value就不会修改html)。
如果没有修改过的textarea,你用text()修改是能够看见效果的,因为现在显示的是默认值;
当你修改过后,就只能用val()方法去修改它的值了。

还有的默认值的区别是,在表单中有个元素
<input type="reset" />
会重置表单内容,就会变成默认值。这个时候用text()就对textarea有用了
不眠之夜

2024-10-17 09:59:27

jQuery 取值、赋值的基本方法,参考如下:
/*获得TEXT.AREATEXT的值*/
var textval = $("#text_id").attr("value");
//或者
var textval = $("#text_id").val();
/*获取单选按钮的值*/
var valradio = $("input[@type=radio][@checked]").val();
/*获取一组名为(items)的radio被选中项的值*/
var item = $('input[@name=items][@checked]').val();
/*获取复选框的值*/
var checkboxval = $("#checkbox_id").attr("value");
/*获取下拉列表的值*/
var selectval = $('#select_id').val();

//文本框,文本区域:
$("#text_id").attr("value",'');//清空内容
$("#text_id").attr("value",'test');//填充内容
//多选框checkbox:
$("#chk_id").attr("checked",'');//使其未勾选
$("#chk_id").attr("checked",true);//勾选
if($("#chk_id").attr('checked')==true) //判断是否已经选中
我自有舟渡

2024-10-17 11:18:25

先分清html(),text()和val()。
举个例子:<input type="xxx" value="abcd">1234</input>
text()输出标签中间的内容:1234。
val()输出value属性的值:abcd。
html()输出整段html:<input type="xxx" value="abcd">1234</input>。
一般val()一般只作用于表单元素
猫街少女

2024-10-17 08:01:03

当然是val()啦。textarea没有text只有value属性