|
 |
|
เพิ่ม list box ทั้งชุดตามจำนวนที่ต้องการยังไงครับ........ |
|
 |
|
|
 |
 |
|
index.php
Code (PHP)
<div class="container">
<div class="select">
</div>
<button id="btn">click</button>
<input type="number" id="num" value="0" />
</div>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(function(){
sel(); // เมื่อ pageload เข้า function sel
$('#btn').click(function(){ // เมื่อคลิกให้เข้า function
sel();
});
});
function sel(){
$.ajax({url:"sel.php", // url
async:false,
cache:false,
global:false,
type:"POST",
data:"",
success: function(result){
var obj=jQuery.parseJSON(result); // แปลงค่าเป็น json
var sele=$('<select>'); // สร้าง select
var no=parseInt($('#num').val())+1; // เมื่อเข้า function ให้ id num+1
$('#num').val(no) // แทนค่าล่าสุดในช่อง id num
$.each(obj,function(key,val){ // วน Loop array each
var opt=$('<option>').attr({'value':val['CatId']}); //สร้างและเพิ่ม attribult ใน option
sele.append(opt.text(val['CatName'])); // เพิ่ม text ใน option
});
sele.attr({'id':'Cat'+no,'name':'Cat[]'}); // เพิ่ม attribult เข้าไปใน select
$('.select').append(sele); // แสดงผลลงใน class select
}
});
}
</script>
sel.php
Code (PHP)
<?php
$Host="localhost";
$HostUser="root";
$HostPass=123456;
$DB="ecom_db";
$connect=mysql_connect($Host,$HostUser,$HostPass) or die (mysql_error());
if($connect){
mysql_select_db($DB);
mysql_query("SET NAMES UTF8");
}
$select=mysql_query("select * from ecom_category") or die (mysql_error());
$arrResult=array();
$numFields=mysql_num_fields($select);
while($content=mysql_fetch_array($select)){
$arrCol=array();
for($i=0;$i<$numFields;$i++){
$arrCol[mysql_field_name($select,$i)]=$content[$i];
}
array_push($arrResult,$arrCol);
}
echo json_encode($arrResult);
?>
|
ประวัติการแก้ไข 2013-08-27 12:38:09 2013-08-27 14:08:41
 |
 |
 |
 |
Date :
2013-08-27 12:30:19 |
By :
Ex-[S]i[L]e[N]t |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|
|

|
Load balance : Server 00
|