用JQuery的text()方法赋值,textarea显示正常,在页面手动改变了textarea中的文字,然后又触发一次text()方法,结果不能改变显示出来的文字,一直显示手动改变后的值。脚本是在Chrome和Firefox中测试的,改用val()就正常了。究竟是为什么呢?
在textarea元素中,双标签中的内容是textarea默认值,就和那个input中设置value的值一样。但是对于这中网页上的输入元素,他们的值在手动改了之后就不是默认值了。对于textarea元素,你用text()方法修改的只是html的值,也就是修改了它的默认值(可以在crome浏览器下用审查元素查看效果,是html修改了;而修改value就不会修改html)。如果没有修改过的textarea,你用text()修改是能够看见效果的,因为现在显示的是默认值;当你修改过后,就只能用val()方法去修改它的值了。还有的默认值的区别是,在表单中有个元素<input type="reset" />会重置表单内容,就会变成默认值。这个时候用text()就对textarea有用了
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) //判断是否已经选中
先分清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()一般只作用于表单元素