2012年2月18日 星期六

Textarea的設定與存取內容

講一些常用的textarea的操作。

textarea就是網頁上可以輸入文字的多行輸入框,可以修改他的邊框,或許你不喜歡他預設的邊框,我在使用的時候都會把預設的邊框改掉。
textarea{
border: 1px solid #333;
}

一般來說沒有額外的設定,把游標移到文字區塊的右下角,是可以調整他的大小的,要限制他不能變型,只要在css加上這段:
textarea{
resize: none;
}

如果想要取得textarea的值,可以這麼做。
  1. $("textarea").val();  

所以要動態把值丟到textarea內(比如說有些相簿或影音空間,改變選項後複製的內容就變了),就可以這麼做。
  1. $("textarea").val("你要給的值");  

然後你希望點選後把整個textarea的內容都選取起來,只要使用select()就可以了。
  1. $("textarea").click(function(){   
  2.     $(this).select();   
  3. });  
反應:

0 意見:

Related Posts Plugin for WordPress, Blogger...