|
 |
|
สอบถามเรื่องการใช้ list menu ในการดึงฐานข้อมูล โดยใช้ JavaScript ครับต้องทำอย่างไร |
|
 |
|
|
 |
 |
|
ใช้พวก jQuery กับ Ajax แทนครับ ให้ใช้พวก Auto Fill แทนครับ
การนำ jQuery มาทำ AutoFill ข้อมูล Textbox
|
 |
 |
 |
 |
Date :
2014-08-27 09:47:23 |
By :
mr.win |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ถ้าข้อมูลไม่มากและไม่เป็นความลับ ลองวิธีนี้ดู
Code (PHP)
<html>
<meta http-equiv="Content-Type" content="text/html; charset=tis-620">
<script type="text/javascript">
var aa=[];
var bb=[];
</script>
<?
mysql_connect("localhost","root","") or die(mysql_error());
mysql_select_db("mydatabase");
mysql_query("set character_set_results=tis620");
mysql_query("set character_set_connection=tis620");
mysql_query("set character_set_client=tis620");
$strSQL = "SELECT * FROM customer ORDER BY CustomerID ASC";
$objQuery = mysql_query($strSQL);
$nu=mysql_num_rows($objQuery);
while($r = mysql_fetch_array($objQuery))
{
$product_id[]=$r[CustomerID];
$product_name[]=$r[Name];
}
for($i=0;$i<$nu;$i++){
$a[$i]=$product_id[$i];
$b[$i]=$product_name[$i];
?>
<script type="text/javascript">
var nu=<?=$nu?>;
aa[<?=$i?>]=<?=$a[$i]?>;
bb[<?=$i?>]='<?=$b[$i]?>';
</script>
<? } ?>
<script type="text/javascript">
function b(value)
{
var ab=value-1;
if(value){
document.getElementById('product_name').value = bb[ab];
return false;
}
else{
document.getElementById('product_name').value = "";
}
}
</script>
<body>
<!-- ส่วนหัวของฟอร์มที่เป็นการบอกว่าจะให้ไปหน้าไหน หลังกดปุ่ม Submit -->
<form action="page.php" method="post" onsubmit="return checkform(this);">
List Menu
<select name="lmName" OnChange="return b(value)">
<option value=""><-- Please Select Item --></option>
<?php
for($i=0;$i<$nu;$i++){
?>
<option value="<?php echo $a[$i];?>"><?=$a[$i];?></option>
<?php
}
?>
</select>
<input name="product_name[]" type="text" size="30" id="product_name">
<input type="submit" name="Submit" value="ส่งข้อมูล">
</form>
</body>
</html>
|
ประวัติการแก้ไข 2014-08-27 15:59:27 2014-08-27 21:52:10
 |
 |
 |
 |
Date :
2014-08-27 15:54:02 |
By :
chai19 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
คุณ เข้ ครับ
ส่วน option มันไม่แสดงข้อมูลมาให้เลือกเลยครับ
|
 |
 |
 |
 |
Date :
2014-08-27 18:13:09 |
By :
jkh |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
CustomerID ต้องเท่ากับ 1 , 2 , 3 , ... , 5000
ถึงจะใช้ได้
|
 |
 |
 |
 |
Date :
2014-08-27 21:54:55 |
By :
chai19 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|
|

|
Load balance : Server 05
|