jQuery中text()在IE与Chrome作用不同

text()在IE与Chrome作用不同

 

今天需要在一个id是txtMessage的textarea里面取值，做了半天发现在IE和Chrome中使用text()结果不同

 

$(document).ready(function () {
   $("#btnSubmit").click(function () {
       var t = $('#txtMessage').text();
       alert(t); //在Chrome里面啥也没有，IE8，9都是正常的   });
});

查了一下资料，原来这个text取的是元素的innerText，这个值在IE和Chrome里面是不一样的，IE直接把textarea里面的值放在里面，而Chrome则不是

解决方法也非常的简单，使用val()方法，即

将var t = $('#txtMessage').text(); 改为 var t = $('#txtMessage').val();

另：除了textarea,建议val()方法也用在input,select这些中表单元素的取值中！