您现在的位置: 365建站网 > 365学习 > JQuery给textarea/input取值和赋值

JQuery给textarea/input取值和赋值

文章来源:365jz.com     点击数:245    更新时间:2018-03-31 22:18   参与评论

Query给textarea取值和赋值

取值

var qrcodefortemcontent=$("#qrcodefortemcontent").val();

赋值

$("#qrcodefortemcontent").val(“123”); 

 

jQuery给label

取值

next_openid=$("#next_openid2").text();

$("#hasnext2").text('YES');

$("#hasnext2").text('YES');

 

JQuery给input

取值

 qrcodeforeverflag=$("#qrcodeforeverflag").val();

赋值

$("#qrcodeforeverflag").val(“123”);

<input type="text" id="money"value=""  /> 
  
<script
function changestatus(,money){ 
    //$("#money").val(money);//val()这种写法有时会失效,特别是他的父元素是dosplay:none时 
    $("#money").attr("value",money);//推荐这种写法,可正常赋值  

 

HTML标签中使用‘’或者“”有时候是有差异的,使用“”保险些,但是在存在转义的时候需要用''

JQuery TextArea的取值与赋值问题
     首先,说明这不是一个简单的问题!

     先说取值:

$("#textarea").text();读取,最近测试时候发现在firefox中读取不出textArea的值,IE正常
于是修改为:

$("#textarea").val();
   问题解决,不过搜索时,发现有人提另一个问题:
   当在一个textarea标签中键入一个回车时,实际上会插入2个符号:\n\r \n 回车符 \r 换行符
如果用text()获取textarea中的值,那么存入数据库的数据就只会有\r 如果用var()获取textarea中的值,
那么存入数据库的数据就只会有\n 这样的区别就是,在IE下,
你如果是读取用text()存入的数据在展示在textarea中,那么数据的换行是正常的。
而读取用var()存入的数据在展示在textarea中,那么数据的就不会换行。
没有具体测试过看来用val()也不妥当。但是这也是必求之策。
   再说赋值:
   看代码:
$("<div id='x1'><textarea id='t1'></textarea>" +
"<textarea id='t2'></textarea></div>").appendTo("body");
$("#t1").text("AAA");$("#t2").val("BBB");
alert("t1=" + $("#t1").text() + "/" + $("#t1").val());
alert("t2=" + $("#t2").text() + "/" + $("#t2").val());
alert($("#x1").html());
      在IE下,不管用val()或text()设定,后续的读取都正常;但在Firefox下,使用val()指定的值,画面上会出现,但是用text()或是透过html()检视时却是字串。因此在Firefox中,如果你希望设定给textarea值出现在html()中或可以被clone(),请用text(...)设定。

     且慢!! 事情如果这麽单纯,那麽连小学生也会跨浏览器了。使用text()设定时得注意换行问题,若你在IE中下text("A\nA"),在显示时只会呈现空一格而不会换行。依我测试的结果,在IE下text("A\r\A")得到显示结果比较接近预期,但是text("A\rA")在Firefox中显示时会换列,用text()取出时却是连在一起的... 这... 这... 这...

     最后,只能采取懦夫策略,在呼叫.clone()前做了这件事迴避问题:

   $theDiv.find("textarea").each(function() { $(this).text($(this).val()); });
     很丑,但看来是有效的! 如果有人有其他好点子,再分享一下吧!

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛


发表评论 (245人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换图片
最新评论
------分隔线----------------------------