รูปแบบตารางไม่เหมือกันเมื่อกดปุ่มเพิ่มข้อมูล javascript
ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา รูปแบบตารางไม่เหมือกันเมื่อกดปุ่มเพิ่มข้อมูล javascript
รูปแบบตารางไม่เหมือกันเมื่อกดปุ่มเพิ่มข้อมูล javascript
Copy
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>This is a test.</title>
<script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
<table width="100%" border="1" align="center" >
<tr>
<td align="left" valign="top">
<form method="post" action="">
<div id="form">
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td colspan="1" bgcolor="#6699C"><font color="white">ร้านอาหาร</font></td>
</tr>
<tr>
<td><input type="checkbox" name="res" value="บาร์บีคิว"/>
<span class="style1"><img src="images/category/ก๋วยเตี๋ยว.png" width="25" height="25">บาร์บีคิว</span></td>
<td><input type="checkbox" name="res" value="ก๋วยเตี๋ยว"/>
<span class="style1">ก๋วยเตี๋ยว</span></td>
<td><input type="checkbox" name="res" value="สเต็ก"/>
<span class="style1">สเต็ก</span></td>
<td><input type="checkbox" name="res" value="จานด่วน"/>
<span class="style1">จานด่วน</span></td>
<td><input type="checkbox" name="res" value="พิซซ่า"/>
<span class="style1">พิซซ่า</span></td>
<td><input type="checkbox" name="res" value="เบเกอรี่"/>
<span class="style1">เบเกอรี่</span></td>
<td><input type="checkbox" name="res" value="ยำ&ตำ"/>
<span class="style1">ยำ&ตำ</span></td>
<td><input type="checkbox" name="res" value="ติ่มซำ"/>
<span class="style1">ติ่มซำ</span></td>
</tr>
<tr>
<td><input type="checkbox" name="res" value="สุกี้"/>
<span class="style1">สุกี้</span></td>
<td><input type="checkbox" name="res" value="บุฟเฟต์"/>
<span class="style1">บุฟเฟต์</span></td>
<td><input type="checkbox" name="res" value="ทะเล"/>
<span class="style1">ทะเล</span></td>
<td><input type="checkbox" name="res" value="อื่นๆ"/>
<span class="style1">อื่นๆ</span></td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div id="btnAdd">
<input type="button" value="add information" />
<tr>
<td colspan="8">
</td>
</tr>
</div>
<table>
<tr>
<td><input type="submit" value="ค้นหา" /></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</form>
</td>
</tr>
<tr>
<td bgcolor="#CCC"><b><font size="2" color=blue>Copyright (c) 2010-2014 by Naruepon.p</font></b></td>
</tr>
</table>
<script>
$('#btnAdd').click(function() {
$('#form').append( "<table width='100%' border='1' cellspacing='0' cellpadding='0'>");
$('#form').append( "</tr>");
$('#form').append( "<td colspan='1' bgcolor='#6699C'><font color='white'>ร้านอาหาร</font></td>");
$('#form').append( "</tr>");
$('#form').append( "<tr>");
$('#form').append( "<td><input type='checkbox' name='res' value='บาร์บีคิว' /><span class='style1'><img src='images/category/ก๋วยเตี๋ยว.png' width='25' height='25'>บาร์บีคิว</span></td>");
$('#form').append( "<td><input type='checkbox' name='res' value='ก๋วยเตี๋ยว' /><span class='style1'>ก๋วยเตี๋ยว</span></td>");
$('#form').append( "<td><input type='checkbox' name='res' value='สเต็ก' /><span class='style1'>สเต็ก</span></td>");
$('#form').append( "<td><input type='checkbox' name='res' value='จานด่วน' /><span class='style1'>จานด่วน</span></td>");
$('#form').append( "<td><input type='checkbox' name='res' value='พิซซ่า' /><span class='style1'>พิซซ่า</span></td>");
$('#form').append( "<td><input type='checkbox' name='res' value='เบเกอรี่' /><span class='style1'>เบเกอรี่</span></td>");
$('#form').append( "<td><input type='checkbox' name='res' value='ยำ&ตำ' /><span class='style1'>ยำ&ตำ</span></td>");
$('#form').append( "<td><input type='checkbox' name='res' value='ติ่มซำ' /><span class='style1'>ติ่มซำ</span></td>");
$('#form').append( "</tr>");
$('#form').append( "<tr>");
$('#form').append( "<td><input type='checkbox' name='res' value='สุกี้' /><span class='style1'>สุกี้</span></td>");
$('#form').append( "<td><input type='checkbox' name='res' value='บุฟเฟต์' /><span class='style1'>บุฟเฟต์</span></td>");
$('#form').append( "<td><input type='checkbox' name='res' value='ทะเล' /><span class='style1'>ทะเล</span></td>");
$('#form').append( "<td><input type='checkbox' name='res' value='อื่นๆ' /><span class='style1'>อื่นๆ</span></td>");
$('#form').append( "<td> </td>");
$('#form').append( "<td> </td>");
$('#form').append( "<td> </td>");
$('#form').append( "<td> </td>");
$('#form').append( "</tr>");
$('#form').append( "<tr>");
$('#form').append( "<td colspan='8'>");
$('#form').append( "</td>");
$('#form').append( "</tr>");
$('#form').append( "</table>");
});
</script>
</body>
</html>
Jame Panuwat Suksamran
182.53.120.xxx
18-11-2016
12:10:10
คำแนะนำ และการใช้งาน
สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก
- ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
สนับสนุนเว็บไซต์เรา จ่ายด้วย 
Author Ninenik Narkdee
2024 © Copyright ninenik.com. All rights reserved.
เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา
โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ