PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

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

05 November 2012 By


 ใช้สำหรับแยกข้อความจาก 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>

 


Tags:: บรรทัด textarea jquery array





URL สำหรับอ้างอิง