Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > PHP > PHP Forum > รบกวนช่วยดูโค้ดให้หน่อยคับ พอดีทำตารางแบบใช้ keyup ไม่รู้จะทำตารางเพิ่มยังไง อะคับ



 

รบกวนช่วยดูโค้ดให้หน่อยคับ พอดีทำตารางแบบใช้ keyup ไม่รู้จะทำตารางเพิ่มยังไง อะคับ

 



Topic : 100404



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



สถานะออฟไลน์




พี่ๆช่วยดูให้หน่อยคับ
ผมลองใช้โค้ดนี้ Code (PHP)
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>



</head>

<body>
<form action="?">
<script type="text/javascript">
$(document).ready(function(){
    $("[name=cnt]").keyup(function(){
        var cnt = parseInt($(this).val()), a=0;
        var template = '<tr class="scholar" id="scholar_%d"><td width="60"><input type="text" name="brethren_num_study[%d]"id="brethren_num_study_%d" size="5" />  </td><td width="120">    <input type="text" name="brethren_sex_study[%d]" id="brethren_sex_study_%d" size="10" />  </td><td width="120">    <input type="text" name="brethren_old_study[%d]" id="brethren_old_study_%d" size="5" />   </td>  <td width="120">    <input type="text" name="brethren_year_study[%d]" id="brethren_year_study_%d" size="20" />  </td> <td width="120">    <input type="text" name="brethren_school_study[%d]" id="brethren_school_study_%d" size="20" />  </td>    </tr>';
        
		var now_scholar = parseInt($(".scholar").length);
        if(now_scholar < cnt){
            for(a=now_scholar+1; a<=cnt; a++){
                $("table tbody").append(template.replace(/%d/g,a));
            } 
        }
        else if(now_scholar > cnt){
            for(a=cnt+1; a<=now_scholar; a++){
                $("#scholar_"+a).remove();
            } 
        }
    });
});
</script>
    <label >สมาชิกที่อายุต่ำกว่า 20</label><input name="cnt" type="text" size="2" maxlength="1" /><br />
    <table border="1" width="550">
    
      <thead>
                
          <tr>
            <th width="37"><div align="center">คนที่</div></th>
            <th width="69"><div align="center">เพศ</div></th>
            <th width="34"><div align="center">อายุ</div></th>
            <th width="39"><div align="center">ชั้นปี</div></th>
            <th width="337"><div align="center">สถานที่การศึกษา</div></th>
       
        </tr>
           
      </thead>
        <tbody>
            
       </tbody>
    </table>


ทำเป็นตารางเดียว ไม่มีปัญหา แต่ ต้องการ ได้ สอง ตาราง พอแก้ไป แก้มา เป็นอยางรู้อะคับ
พิม 2 ข้างบน ออกมาทั้งล่างและ บน เลยไม่ทราบว่า ถ้าจะแยกการทำงาน ของตารางทั้ง สองอัน ควรแก้ยัง ไง คับ
งง



Tag : PHP, JavaScript, Ajax, jQuery






Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2013-09-12 22:39:51 By : komza View : 680 Reply : 10
 

 

No. 1



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



สถานะออฟไลน์
Facebook

อันนี้จะใช้สำหรับแสดงข้อมูล หรือ ว่าจะ insert ข้อมูลครับ



ลองดู http://www.youtube.com/watch?v=Wp-oFRsPy7k นะมันมี 12 ตอน ก็ ลองดูให้ครบนะครับเผื่อจะเจออันที่ต้องการ


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-09-13 09:56:35 By : ghosting
 


 

No. 2



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



สถานะออฟไลน์


ทำการ insert คับ teble พวกนี้ไว้รับ input อะคับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-09-13 11:16:37 By : komza
 

 

No. 3



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



สถานะออฟไลน์
Facebook

งั้นก็ลองดู http://www.youtube.com/watch?v=Wp-oFRsPy7k ตามลิ๊งนี้ มันมีทั้งหมด 10 ตอน

ลองดูนะครับ ดูแล้วจะเข้าใจเองแล้วมันทำง่ายด้วย
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-09-13 12:15:50 By : ghosting
 


 

No. 4



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



สถานะออฟไลน์


อ่อ ดูแล้ว คับ ก็ ยัง แก้ไม่ ได้อยู่ ดี T^T ไคร ก็ได้ ช่วย หน่อย
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-09-13 13:59:20 By : komza
 


 

No. 5



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



สถานะออฟไลน์


T^T
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-09-13 15:27:07 By : komza
 


 

No. 6



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



สถานะออฟไลน์
Twitter Facebook Blogger


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-09-13 15:33:00 By : itpcc
 


 

No. 7



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



สถานะออฟไลน์


ลองทำ เป็น สอง ตาราง แล้ว มัน ไม่ ทำงาน แยก กัน อะ พิ่ม ช่อง แรก แล้ว โผล่ ช่อง สอง ด้วย ไม่ รู้ จะทำไง ให้เป็นสองตารางอยางรูป อะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-09-13 15:43:30 By : komza
 


 

No. 8



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



สถานะออฟไลน์
Twitter Facebook Blogger

http://api.jquery.com
ลองไล่ไปทีละเมธอดแล้วค่อยๆ ทำความเข้าใจดูนะครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-09-13 19:09:17 By : itpcc
 


 

No. 9



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



สถานะออฟไลน์


อ่อ ขอบคุณครับ เริ่ม เข้าใจ แล้ว แต่ตอนนี้กำลัง หาวิธีเอาไป ใช้ร่วม กับ ตารางอื่น โดยไม่ให้มีผลกระทบกับ ตารางอื่น อะคับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-09-13 19:24:20 By : komza
 


 

No. 10



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



สถานะออฟไลน์
Twitter Facebook Blogger

ง่ายๆ ครับ เปลี่ยนจาก universal selector เป็นอ้างอิงด้วย class แทนดูครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-09-13 19:29:20 By : itpcc
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : รบกวนช่วยดูโค้ดให้หน่อยคับ พอดีทำตารางแบบใช้ keyup ไม่รู้จะทำตารางเพิ่มยังไง อะคับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
 Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







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

Load balance : Server 01
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่