แยก ที่ละบรรทัด ข้อความใน textarea เก็บเป็นตัวแปร array ด้วย jQuery

05 November 2012 เขียนเมื่อ 12 ปีก่อน โดย Ninenik Narkdee

jquery บรรทัด textarea array

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ jquery บรรทัด textarea array

ดูแล้ว 11,752 ครั้ง

ใช้สำหรับแยกข้อความจาก textarea ที่มีหลายบรรทัด มาเก็บไว้ในตัวแปร array ของ javascript
สามารถนำไปประยุกต์ใช้งาน เพิ่มเติมตามต้องการ

ตัวอย่าง

ตัวอยางโค้ดทั้งหมด

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
 
<body>
<div style="margin:auto;text-align:center;">
  <form id="form1" name="form1" method="post" action="">
    <p>
      <textarea name="my_textarea" id="my_textarea" cols="45" rows="5">aaaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbb
ccccccccccccccc
dddddddddddd</textarea>
    </p>
    <p>
      <input type="button" name="bt_getit" id="bt_getit" value="get it!" />
    </p>
  </form>
</div>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
<script type="text/javascript">
$(function(){
    $("#bt_getit").click(function(){
        var gText=$("#my_textarea").val().split("\n");
        var gTextLength=gText.length;
        for(i=0;i<gTextLength;i++){
            var returnVal=$.trim(gText[i]);
//          console.log(returnVal);
            alert(returnVal);
        }
//      console.log(gText);
//      console.log(gText[3]);
//      console.log(gTextLength);
    });
});
</script>
</body>
</html>