<script type="text/javascript"> $(function(){ $("input#list1").blur(function(){ var datalist2 = $.ajax({ // รับค่าจาก ajax เก็บไว้ที่ตัวแปร datalist2 url: "2.php", // ไฟล์สำหรับการกำหนดเงื่อนไข data:"list1="+$(this).val(), // ส่งตัวแปร GET ชื่อ list1 ให้มีค่าเท่ากับ ค่าของ list1 async: false }).responseText; $("select#list2").html(datalist2); // นำค่า datalist2 มาแสดงใน listbox ที่ 2 ที่ชื่อ list2 // ชื่อตัวแปร และ element ต่างๆ สามารถเปลี่ยนไปตามการกำหนด }); }); function kk(){ var datalist2 = $.ajax({ // รับค่าจาก ajax เก็บไว้ที่ตัวแปร datalist2 url: "2.php", // ไฟล์สำหรับการกำหนดเงื่อนไข data:"list1="+$(this).val(), // ส่งตัวแปร GET ชื่อ list1 ให้มีค่าเท่ากับ ค่าของ list1 async: false }).responseText; $("select#list2").html(datalist2); // นำค่า datalist2 มาแสดงใน listbox ที่ 2 ที่ชื่อ list2 // ชื่อตัวแปร และ element ต่างๆ สามารถเปลี่ยนไปตามการกำหนด } </script> </head> <body> <form id="form1" name="form1" method="post" action=""> <p>Document Name <input name="list1" type="text" class="textbox_other" id="list1" value="<?=$_POST["list1"];?>" size="40" autocomplete="off"/> Document ID <input name="document_id" type="text" class="textbox_other" id="document_id" value="<?=$_POST["document_id"];?>" /> <!-- <input type="text" name="list1" id="list1">--> <br /> Keyword <select name="list2" id="list2"> <option value="">เลือกรายการ</option> </select> </p> <p> <input type="submit" name="button" id="button" value="Submit" /> </p> </form> <? $list1=$_POST['list1']; $document_id=$_POST['document_id']; $keyword_name=$_POST['keyword_name']; echo "list1 === ".$list1."<br>"; echo "document_id === ".$document_id."<br>"; echo "keyword_name === ".$keyword_name."<br>"; ?> <script type="text/javascript" src="js/autocomplete.js"></script> <script type="text/javascript"> function view_document(autoObj,showObj){ var mkAutoObj=autoObj; var mkSerValObj=showObj; new Autocomplete(mkAutoObj, function() { this.setValue = function(id) { document.getElementById(mkSerValObj).value = id; kk(); } if ( this.isModified ) this.setValue(""); if ( this.value.length < 1 && this.isNotClick ) return ; return "auto_search_document_show.php?q=" +encodeURIComponent(this.value); }); } view_document("list1","document_id"); </script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <?php include('con_DB/conDB.php'); if(isset($_GET['list1']) && $_GET['list1']!=""){?> <option value="">เลือกรายการ</option> <?php $q="SELECT a.keyword_name FROM keyword a join document b on b.document_id=a.keyword_document_id WHERE b.document_name_file like'".$_GET['list1']."%' "; $qr=mysql_query($q); while($rs=mysql_fetch_array($qr)){ ?> <option value="<?=$rs['keyword_id']?>"><?=$rs['keyword_name']?></option> <?php } ?> <?php }else{ ?> <option value="">เลือกรายการ</option> <?php } ?> </body> </html>
$list1=$_POST['list1']; $document_id=$_POST['document_id']; $list2=$_POST['list2']; echo "list1 === ".$list1."<br>"; echo "document_id === ".$document_id."<br>"; echo "list2 === ".$list2."<br>";
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
