Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > PHP > PHP Forum > สอบถามเรื่องการดึงข้อมูลออกมาหลายแถว แล้วใช้ jquery อ้างถึงข้อมูล input value แต่ละแถว

สอบถามเรื่องการดึงข้อมูลออกมาหลายแถว แล้วใช้ jquery อ้างถึงข้อมูล input value แต่ละแถว

เริ่มหัวข้อใหม่

kenghockey

โพสกระทู้ ( 1,195 )
บทความ ( 0 )

สอบถามเรื่องการดึงข้อมูลออกมาหลายแถว แล้วใช้ jquery อ้างถึงข้อมูล input value แต่ละแถว

จากโค้ดถ้ามีการเปิดเพจจะสามาถดึง input value มาเก็ยใน array ได้ตามปกติครับ

แต่ถ้าเพิ่มฟังช์ delete ที่เป็น checkbox เพื่อเลือกลบตัวที่เราต้องการเข้าไป แล้วให้เราลองลบตัวที่2 เมื่อลบเสร็จถ้าเราจะเรียกฟังช์ run_aleady_postParameter() ใหม่อีกครั้ง มันจะเก็บข้อมูลไม่ตรงแถวครับ ที่ตรวจสอบเนื่องจาก $("#id_"+i).val() ในจาวาสคริปต์มันถึงรันลําดับใหม่เลยทําให้ไม่ตรงกับ number ใน tr

จะแก้ไขตรงนี้ได้ไงบ้างครับ ที่สามารถให้มันเก็บข้อมูลตรงกับรัน number ใน tr โดยที่มีการลบแถวโดยไม่เรียงตาม number ด้วยครับ

Code (JavaScript)

function run_aleady_postParameter(){

       var countrow = $('tr').length;

        for(var i=1;i<=countrow;i++){

            get_value(i);

        }

        //console.log(countrow);

      }

      function get_value(num){

        $('#code'+num).click(function(){

          var count = $('tr').length;
          var myarray = [];

          for(var i=1;i<=count;i++){

              myarray.push($("#id_"+i).val());

              console.log($("#id_"+i).val());

          }

          var data = myarray;

        });

      }

Code (PHP)

<table>
   <tr>
      <td>
         <a href="..." id="code1">
         <input type="text" id="id_1" value="1"/>
         </a>
      </td>
   </tr>
   <tr>
      <a href="..." id="code2">
      <td><input type="text" id="id_2" value="2"/></td>
      </a>
   </tr>
   <tr>
      <a href="..." id="code3">
      <td><input type="text" id="id_3" value="3"/></td>
      </a>
   </tr>
</table>

Tag : PHP, HTML/CSS, JavaScript, jQuery

Date : 2014-01-02 16:37:43

By : kenghockey

View : 820

Reply : 2

No. 1

Mongkon.k

โพสกระทู้ ( 3,844 )
บทความ ( 0 )

ใช้ $(this).closest('tr').find('td:first').find('input [type=text]').val(); //เพื่อหาค่า input ใน td แรกของ tr ก็น่าจะได้น่ะ

Date : 2014-01-03 15:16:25

By : mangkunzo

No. 2

Guest

คุณจะเอาค่าทั้งหมดที่อยุ่ใน <input type="text" /> ที่อยู่ภายใน table มาเก็บไว้ใน myarray นี้ใช่ไหมครับ
ไม่แน่ใจทำไมต้องมาอ้างอิงนับตามจำนวนแถว tr ด้วย

Code (PHP)

<script type="text/javascript">
$(document).ready(function() {
	//var countrow = $('tr').length;
	//for(var i=1;i<=countrow;i++){
			alert(get_value());
	//}
        //console.log(countrow);

	function get_value(){
		//$('#code'+num).click(function(){
			//var count = $('tr').length;
			var myarray = [];
			$('input[id^=id]').each(function(){
				myarray.push($(this).val());
				console.log($(this).val());
			});
			var data = myarray;
			return data;
		//});
	}	  
});
</script>
<table>
   <tr>
      <td><a href="..." id="code1"><input type="text" id="id_1" value="1"/></a></td>
   </tr>
   <tr>
      <td><a href="..." id="code2"><input type="text" id="id_2" value="2"/></a></td>      
   </tr>
   <tr>
      <td><a href="..." id="code3"><input type="text" id="id_3" value="3"/></a></td> 
   </tr>
   <tr>
      <td><a href="..." id="code10"><input type="text" id="id_10" value="10"/></a></td> 
   </tr>
   <tr>
      <td><a href="..." id="code15"><input type="text" id="id_15" value="15"/></a></td> 
   </tr>
   <tr>
      <td><a href="..." id="code20"><input type="text" id="id_20" value="20"/></a></td> 
   </tr>
</table>

Date : 2014-01-03 15:24:11

By : WiTT

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : สอบถามเรื่องการดึงข้อมูลออกมาหลายแถว แล้วใช้ jquery อ้างถึงข้อมูล input value แต่ละแถว

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 04