您的位置:首页 > 产品设计 > UI/UE

关于用jquey设置textarea“值”的问题

2014-09-22 17:45 239 查看
环境:jQuery V2.0

       Chrome V37

 <textarea />与<input  type='text'/>比有点怪异:

一、初始:
如果我们在HTML中这样写:
<textarea id="textarea1" value='value属性值'></textarea>
<textarea id="textarea2">标签开始结束内容</textarea>
显示结果是:“textarea1”框中看不到任何任何东西,在“textarea2”可以看到“标签开始结束内容”;
在js中:
$("#textarea1").val()结果为空,$("#textarea1").text()也为空。
$("#textarea2").val() 与  $("#textarea2").text() 都为 "标签开始结束内容";

所以在给textarea设的初始值写在开始结束标签之间。

 

二、设置“值”:
<textarea id="remark"></textarea>
对这个textarea值设值:
1、用text设值
   $("#remark").text("用text设值");
 效果:
    1) 在我们看到的textarea框中的值没有发生变化。
2) 用chrome审查元素的功能看到的是:<textarea id="remark">用text设值</textarea>
2、用val设值:
$("#remark").text("val");
 效果:
   1) 在我们看到的textarea框中的值没有发生变化。
2) 用chrome审查元素的功能看到的是:<textarea id="remark"></textarea>

通过以上的测试到的结论:
在chrome中对textarea使用:1) text修改的是标签之间的内容; 2)val 修改的标签的值

三、话外: 
我曾经遇到过这种情况:
   用text与val 设置“值”,都会改变框内的值,有时text有效,有时val有效,整体来说用val有效的概率比效大,text有时会有效。所以为了保险期间这样写 :$("textarea").val("value");$("textarea").text("value");

以上都是开发中遇到的问题时的一些总结,如有问题麻烦指正,如有更好的解释希望能购分享。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: