Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > PHP > PHP Forum > ผมใช้ Autocomplete ค้นหาข้อมูล แล้วให้ไปแสดงใน listbox ภายใต้เงื่อนไขของ Autocomplete



 

ผมใช้ Autocomplete ค้นหาข้อมูล แล้วให้ไปแสดงใน listbox ภายใต้เงื่อนไขของ Autocomplete

 



Topic : 088948



โพสกระทู้ ( 178 )
บทความ ( 0 )



สถานะออฟไลน์




File 1.php

Code (PHP)
<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 TitleOnChange(id){ 
	 
		var list1=document.form1.list1.value;
		document.form1.list1.focus();	
		document.form1.list1.value=="list1";
		document.form1.list2.focus();	

}
</script>

</head>

<body>
<form id="form1" name="form1" method="post" action="">
  <p>Document Name
    <input name="document_id" type="text" class="textbox_other" id="document_id" value="<?=$_POST["document_id"];?>" size="40" autocomplete="off"/> 
  Document ID   
  <input name="list1" type="text" class="textbox_other" id="list1" value="<?=$_POST["list1"];?>"  />
  <!-- <input type="text" name="list1" id="list1">-->
    <br />
Keyword
<select name="list2" id="list2" onfocus='javascript:TitleOnChange();'>
  <option value="">เลือกรายการ</option>
</select>
</p>
  <p>
    <input type="submit" name="button" id="button" value="Submit" />
</p>
</form>

<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("document_id","list1");

</script>



File 2.php

<?php
include('con_DB/conDB.php'); 


if(isset($_GET['list1']) && $_GET['list1']!=""){?>
  <option value="">เลือกรายการ</option>
  <?php
  $q="SELECT*FROM keyword where keyword_document_id ='".$_GET['list1']."%' ";
  $qr=mysql_query($q);
  while($rs=mysql_fetch_array($qr)){
  ?>
  <option value="<?=$rs['keyword_id']?>"><?=$rs['keyword_name']?></option>
  <?php } 
}
?>


จากโจทย์คือผมใช้ Autocomplete ค้นหาข้อมูล โดยผมจะใช้ Textbox ชื่อ list1 ไปใช้ในไฟล์ 2.php เพื่อกำหนดเงื่อนไขให้ listbox ไฟล์ 1.php ทำงานภายใต้คำสั่ง Textbox list1 ซึ่งตอนนี้ทำได้แล้ว แต่ทำได้แค่ Chome ส่วน ie ff Listbox ไม่ทำงาน

ที่ใช้

function TitleOnChange(id){ 
	 
		var list1=document.form1.list1.value;
		document.form1.list1.focus();	
		document.form1.list1.value=="list1";
		document.form1.list2.focus();	

}


นี้เพื่อให้ textbox list1 เกิดการ active ก่อน listbox ถึงจะทำงาน (ใครมีตัวอย่างยกเพิ่มได้ครับ อยากได้โค้ดที่สวยกว่านี้)

ช่วยหน่อยครับติดส่วนนี้ส่วนเดียวจริงๆๆ



Tag : PHP







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2013-01-08 21:47:39 By : keng_ds View : 1470 Reply : 1
 

 

No. 1



โพสกระทู้ ( 178 )
บทความ ( 0 )



สถานะออฟไลน์


ขอปั่นอีกสักรอบ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-01-09 08:52:36 By : keng_ds
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ผมใช้ Autocomplete ค้นหาข้อมูล แล้วให้ไปแสดงใน listbox ภายใต้เงื่อนไขของ Autocomplete
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 01
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่