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

Registered : 107,992

HOME > PHP > PHP Forum > ขอตัวอย่างรูปแบบการใช้คำสั่ง Like หน่อยค่ะ เช่น จาก textfield ที่รับค่า เมื่อเรากรอก ตัวอักษรตัวแรกที่ต้องการค้นหา มันก็จะขึ้นรายการที่มีอยู่ในฐานข้อมูลเพื่อให้เราเลือก



 

ขอตัวอย่างรูปแบบการใช้คำสั่ง Like หน่อยค่ะ เช่น จาก textfield ที่รับค่า เมื่อเรากรอก ตัวอักษรตัวแรกที่ต้องการค้นหา มันก็จะขึ้นรายการที่มีอยู่ในฐานข้อมูลเพื่อให้เราเลือก

 



Topic : 071857

Guest




ขอตัวอย่างรูปแบบการใช้คำสั่ง Like หน่อยค่ะ
เช่น จาก textfield ที่รับค่า เมื่อเรากรอก ตัวอักษรตัวแรกที่ต้องการค้นหา มันก็จะขึ้นรายการที่มีอยู่ในฐานข้อมูลเพื่อให้เราเลือก
โดยที่ในการค้นหาชื่อ เราไม่จำเป็นต้องกรอกชื่อเต็ม แค่ กรอก ตัวแรกของชื่อ ก็จะขึ้นรายชื่อที่มีตัวแรกเหมือนกัน
ควรใช้คำสั่งในลักษณะไหนค่ะ



Tag : PHP







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2012-01-13 10:50:02 By : soon View : 880 Reply : 3
 

 

No. 1

Guest


1. เป็น ตัวแสดงข้อมูลเมื่อตอน key ข้อมูล

    <table border="0" id="tbListTable" style="background-color:white;position:absolute;top:0;left:0;display:none;">
	<tr style="background-color:#CEE7FF;">
	<td class="tn" style="width:140px;background-color:#98FB98;" align="center" title="TableName">TableName</td>
	<td class="tn-w" align="center" style="width:25px;background-color:#228B22;cursor:pointer;" title="Close" onclick="document.getElementById('tbListTable').style.display='none'">Close</td>
	</tr>
	<tr>
	<td class="tn" colspan="2">
	<select id="cboListTable" name="cboListTable" size="10" style="width:100%" onclick="setValue(this.value);"></select>
	</td>
	</tr>
    </table>
	<input type="hidden" id="getListTable" name="getListTable" runat ="server"/>


2.
Query ชื่อที่ต้องการค้นหาจาก Database เรียงตามชื่อ และคั้นแต่ละชื่อด้วย $ เช่น aaa$bbb$xxx
มาใส่ไว้ที่ Hidden getListTable

3. textbox ที่ต้องการค้นหาใส่ onclick กับ onkeyup

Code
<input type="text" name="tbname" id="tbname" class ="Box" style="width: 310px; height: 20px;" onclick="setPosition(event);setListTable(this)" onkeyup="setListTable(this)"/>



4.
<script type="text/javascript" >
function setPosition(_event){
	var _obj=document.getElementById("tbListTable");
	_obj.style.top=_event.clientY+document.body.scrollTop+15;
	_obj.style.left=_event.clientX+document.body.scrollLeft;
}

function setListTable(_obj){

	try{
		var _arytb = new Array();
		var _value = _obj.value;
		var _state = 0;
		var _cbo = document.getElementById("cboListTable");
		_cbo.innerHTML="";
		_arytb = document.getElementById("getListTable").value.split("$");
		var _len =_arytb.length;
       
		for (var i=0;i< _len;i++ ) {	
				 
				 if(_arytb[i].indexOf(_value.toUpperCase()) == 0){
						_state=1;
						var _ob = document.createElement("option");
						_ob.innerHTML=_arytb[i];
						_ob.value=_arytb[i];
						_ob.style.background='#ffffff';
						_cbo.appendChild(_ob);	
					}
					else if(_state==1){
					_state=3;
					}
								
					if(_state==3){
					break;
					}			
		 }

		if(_cbo.length > 0){
			document.getElementById("tbListTable").style.display = "";
		}
		else{
			document.getElementById("tbListTable").style.display = "none";
		}
		
	}
	catch(e){
		alert(e.message);
	}

}

function setValue(val){
	document.getElementById("tbname").value = val
	document.getElementById('tbListTable').style.display='none'
}
</script>



ทำตามรายละเอียดแต่ละข้อ ไป ครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-01-13 14:07:55 By : Thep
 


 

No. 2

Guest


ขอบคุณมากๆค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-01-14 11:27:32 By : soon
 

 

No. 3

Guest


แล้วตารางที่ต้องการ ดึง ต้องประกาศตรงไหนค่ะ มันต้องใช้ sql ในการดึงหรือไม่ค่ะ แล้วถ้าใช่ ควรประกาศในส่วนไหนค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-01-16 14:14:27 By : [email protected]
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ขอตัวอย่างรูปแบบการใช้คำสั่ง Like หน่อยค่ะ เช่น จาก textfield ที่รับค่า เมื่อเรากรอก ตัวอักษรตัวแรกที่ต้องการค้นหา มันก็จะขึ้นรายการที่มีอยู่ในฐานข้อมูลเพื่อให้เราเลือก
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม

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