关于用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");
以上都是开发中遇到的问题时的一些总结,如有问题麻烦指正,如有更好的解释希望能购分享。
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");
以上都是开发中遇到的问题时的一些总结,如有问题麻烦指正,如有更好的解释希望能购分享。
相关文章推荐
- 关于用jquey设置textarea“值”的问题
- 关于设置textarea样式问题
- 关于iframe代替textarea的传值问题
- 关于dotnetnuke中smtp设置的问题
- 关于模拟器上网和邮箱设置的问题
- 关于在Word中无法设置中文效果问题
- 关于多普达手机上WIFI和GPRS的设置问题注意几点
- 关于ASP.NET中独立页面设置身份认证等问题
- 蛙蛙请教:关于rdl图表边框设置的问题
- 关于TEXTAREA控件在显示内容时,只显示第一行的问题。
- 关于宽屏设置4:3的问题
- 关于Grove的主键设置问题
- [新手点滴] 关于Multilined TextBox的多行文本设置的一个小问题。
- 关于设置IIS目录的属性问题
- VB中关于statusbar状态条随FORM变化的问题,以及如何设置toolbar
- 关于模拟器上网和邮箱设置的问题
- 关于浮点数的问题,我再做一个字体设置的时候总有问题,现在看了这个文章,受到了启发
- 关于CheckBoxList中的元素,编程设置多重选择的问题。
- ASP.NET中关于上传附件的大小设置问题
- 关于路由器密码设置问题!