ผมพึ่งเริ่มใช้ jquery ครับ รบกวนถามเรื่องการเก็บค่าของช่องใส่ข้อมูลอย่างไรครับ
ผมสร้างไฟล์ form-add.php เป็นไฟล์ที่มีช่องสำหรับใส่ค่า และสามารถเพิ่มแถวในการเพิ่มข้อมูลได้ โดยใช้ Clone ของ jquery
ตามโค้ดนี้น่ะครับ
<form id="add-data" name="add-data" method="post" action="form_chk.php">
<table id="tab" width="650" border="1" cellspacing="2" cellpadding="0">
<tr>
<td width="119"><select name="data1[]" id="data1[]">
<option value="1">data1</option>
<option value="2">data2</option>
</select></td>
<td width="519"><input type="text" name="data2[]" id="data2[]" /></td>
</tr>
</table>
<br />
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<button id="addRow" type="button"> </button>
<button id="removeRow" type="button">-</button>
<button id="Submit" type="submit">Submit</button>
</td>
</tr>
</table>
</form>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(function(){
var dataClone='
<tr>
<td width="119"><select name="data1[]" id="data1[]">
<option value="1">data1</option>
<option value="2">data2</option>
</select></td>
<td width="519"><input type="text" name="data2[]" id="data2[]" /></td>
</tr>
';
$("#addRow").click(function(){
$("#tab").append(dataClone);
});
$("#removeRow").click(function(){
if($("#tab tr").size()>1){
$("#tab tr:last").remove();
}else{
alert("ต้องมีรายการข้อมูลอย่างน้อย 1 รายการ");
}
});
});
</script>
ส่วนที่ 2 form_chk.php เป็นไฟล์ที่จะรับค่าเพื่อเพิ่มลงในฐานข้อมูล อยากถามว่าจะรับค่าของข้อมูลจากช่องในแต่ล่ะแถวมายังไฟลล์ form_chk.phpได้ยังไงครับ