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,030

HOME > PHP > PHP Forum > ขอสอบถามเกี่ยวกับTextBox ที่จะค้นหามูลเปลี่ยบเทียบและแสดงครับ



 

ขอสอบถามเกี่ยวกับTextBox ที่จะค้นหามูลเปลี่ยบเทียบและแสดงครับ

 



Topic : 080514



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



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



คืออยากถามว่าเราจะต้องเขียนCodeยังไงหรอครับที่จะให้TextBoxตัวนั้นค้นหาข้อมูลจากฐานข้อมูลไปด้วยระว่างเราพิมข้อความลงไป

ในTextBoxอะครับ ยกตัวอย่างง่ายๆเหมือนกับ TextBoxของ Google อะครับที่เราพิมตัวอักษรไปตัวนึงแล้วมันจะมีคำที่มีตัวอักษรนั้นมาแสดงเป็น

ดรอปดาวริสอยู่ข้างล่างอะครับแต่ข้อมูลที่ผมจะให้แสดงข้างล่างนั้นเป็นข้อมูลที่อยู่ในฐานข้อมูลอะครับ

โดยตารางที่ผมใช้ในการตรวจสอบมี2ฟิล คือ id , name

รบกวนด้วยครับ



Tag : PHP, MySQL









ประวัติการแก้ไข
2012-07-03 09:43:35
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2012-07-03 09:39:21 By : Thoshilo View : 856 Reply : 4
 

 

No. 1

Guest


ลองไปหาอ่านเรื่อง autocomplete jquery ดูนะครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-07-03 10:31:55 By : joesimikung
 


 

No. 2



โพสกระทู้ ( 1,521 )
บทความ ( 2 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

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

ต้องใช้ Autocomplete ของ jQuery ครับ
ตัวอย่าง
ไฟล์ Database
Code (PHP)
CREATE TABLE `province` (
  `PROVINCE_ID` int(5) NOT NULL auto_increment,
  `PROVINCE_CODE` varchar(2) collate utf8_unicode_ci NOT NULL,
  `PROVINCE_NAME` varchar(150) collate utf8_unicode_ci NOT NULL,
  `GEO_ID` int(5) NOT NULL default '0',
  PRIMARY KEY  (`PROVINCE_ID`)
) ENGINE=MyISAM  DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci AUTO_INCREMENT=77 ;

-- 
-- dump ตาราง `province`
-- 

INSERT INTO `province` VALUES (1, '10', 'กรุงเทพมหานคร', 2);
INSERT INTO `province` VALUES (2, '11', 'สมุทรปราการ', 2);
INSERT INTO `province` VALUES (3, '12', 'นนทบุรี', 2);
INSERT INTO `province` VALUES (4, '13', 'ปทุมธานี', 2);
INSERT INTO `province` VALUES (5, '14', 'พระนครศรีอยุธยา', 2);
INSERT INTO `province` VALUES (6, '15', 'อ่างทอง', 2);
INSERT INTO `province` VALUES (7, '16', 'ลพบุรี', 2);
INSERT INTO `province` VALUES (8, '17', 'สิงห์บุรี', 2);
INSERT INTO `province` VALUES (9, '18', 'ชัยนาท', 2);
INSERT INTO `province` VALUES (10, '19', 'สระบุรี', 2);
INSERT INTO `province` VALUES (11, '20', 'ชลบุรี', 5);
INSERT INTO `province` VALUES (12, '21', 'ระยอง', 5);
INSERT INTO `province` VALUES (13, '22', 'จันทบุรี', 5);
INSERT INTO `province` VALUES (14, '23', 'ตราด', 5);
INSERT INTO `province` VALUES (15, '24', 'ฉะเชิงเทรา', 5);
INSERT INTO `province` VALUES (16, '25', 'ปราจีนบุรี', 5);
INSERT INTO `province` VALUES (17, '26', 'นครนายก', 2);
INSERT INTO `province` VALUES (18, '27', 'สระแก้ว', 5);
INSERT INTO `province` VALUES (19, '30', 'นครราชสีมา', 3);
INSERT INTO `province` VALUES (20, '31', 'บุรีรัมย์', 3);
INSERT INTO `province` VALUES (21, '32', 'สุรินทร์', 3);
INSERT INTO `province` VALUES (22, '33', 'ศรีสะเกษ', 3);
INSERT INTO `province` VALUES (23, '34', 'อุบลราชธานี', 3);
INSERT INTO `province` VALUES (24, '35', 'ยโสธร', 3);
INSERT INTO `province` VALUES (25, '36', 'ชัยภูมิ', 3);
INSERT INTO `province` VALUES (26, '37', 'อำนาจเจริญ', 3);
INSERT INTO `province` VALUES (27, '39', 'หนองบัวลำภู', 3);
INSERT INTO `province` VALUES (28, '40', 'ขอนแก่น', 3);
INSERT INTO `province` VALUES (29, '41', 'อุดรธานี', 3);
INSERT INTO `province` VALUES (30, '42', 'เลย', 3);
INSERT INTO `province` VALUES (31, '43', 'หนองคาย', 3);
INSERT INTO `province` VALUES (32, '44', 'มหาสารคาม', 3);
INSERT INTO `province` VALUES (33, '45', 'ร้อยเอ็ด', 3);
INSERT INTO `province` VALUES (34, '46', 'กาฬสินธุ์', 3);
INSERT INTO `province` VALUES (35, '47', 'สกลนคร', 3);
INSERT INTO `province` VALUES (36, '48', 'นครพนม', 3);
INSERT INTO `province` VALUES (37, '49', 'มุกดาหาร', 3);
INSERT INTO `province` VALUES (38, '50', 'เชียงใหม่', 1);
INSERT INTO `province` VALUES (39, '51', 'ลำพูน', 1);
INSERT INTO `province` VALUES (40, '52', 'ลำปาง', 1);
INSERT INTO `province` VALUES (41, '53', 'อุตรดิตถ์', 1);
INSERT INTO `province` VALUES (42, '54', 'แพร่', 1);
INSERT INTO `province` VALUES (43, '55', 'น่าน', 1);
INSERT INTO `province` VALUES (44, '56', 'พะเยา', 1);
INSERT INTO `province` VALUES (45, '57', 'เชียงราย', 1);
INSERT INTO `province` VALUES (46, '58', 'แม่ฮ่องสอน', 1);
INSERT INTO `province` VALUES (47, '60', 'นครสวรรค์', 2);
INSERT INTO `province` VALUES (48, '61', 'อุทัยธานี', 2);
INSERT INTO `province` VALUES (49, '62', 'กำแพงเพชร', 2);
INSERT INTO `province` VALUES (50, '63', 'ตาก', 4);
INSERT INTO `province` VALUES (51, '64', 'สุโขทัย', 2);
INSERT INTO `province` VALUES (52, '65', 'พิษณุโลก', 2);
INSERT INTO `province` VALUES (53, '66', 'พิจิตร', 2);
INSERT INTO `province` VALUES (54, '67', 'เพชรบูรณ์', 2);
INSERT INTO `province` VALUES (55, '70', 'ราชบุรี', 4);
INSERT INTO `province` VALUES (56, '71', 'กาญจนบุรี', 4);
INSERT INTO `province` VALUES (57, '72', 'สุพรรณบุรี', 2);
INSERT INTO `province` VALUES (58, '73', 'นครปฐม', 2);
INSERT INTO `province` VALUES (59, '74', 'สมุทรสาคร', 2);
INSERT INTO `province` VALUES (60, '75', 'สมุทรสงคราม', 2);
INSERT INTO `province` VALUES (61, '76', 'เพชรบุรี', 4);
INSERT INTO `province` VALUES (62, '77', 'ประจวบคีรีขันธ์', 4);
INSERT INTO `province` VALUES (63, '80', 'นครศรีธรรมราช', 6);
INSERT INTO `province` VALUES (64, '81', 'กระบี่', 6);
INSERT INTO `province` VALUES (65, '82', 'พังงา', 6);
INSERT INTO `province` VALUES (66, '83', 'ภูเก็ต', 6);
INSERT INTO `province` VALUES (67, '84', 'สุราษฎร์ธานี', 6);
INSERT INTO `province` VALUES (68, '85', 'ระนอง', 6);
INSERT INTO `province` VALUES (69, '86', 'ชุมพร', 6);
INSERT INTO `province` VALUES (70, '90', 'สงขลา', 6);
INSERT INTO `province` VALUES (71, '91', 'สตูล', 6);
INSERT INTO `province` VALUES (72, '92', 'ตรัง', 6);
INSERT INTO `province` VALUES (73, '93', 'พัทลุง', 6);
INSERT INTO `province` VALUES (74, '94', 'ปัตตานี', 6);
INSERT INTO `province` VALUES (75, '95', 'ยะลา', 6);
INSERT INTO `province` VALUES (76, '96', 'นราธิวาส', 6);


ไฟล์แรก index.php
Code (PHP)
<!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=windows-874" />
<title>Autocomplete</title>
<link href="http://code.jquery.com/ui/1.8.21/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.8.20/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#auto').autocomplete({
		source: function( request, response ) {
				$.ajax({
					url: "getdata.php",
					dataType: "json",
					data: {keyword: request.term},
					success: function(data) {
            					response($.map(data, function(item) {
                				return {
									id: item.ID,
									label: item.VALUES
									};
            				}));
						}
					});
				},
				minLength: 2,
				select: function(event, ui) {
					$("#IDP").val(ui.item.id);
				}
    });
});
</script>
</head>
<body>
  <p>
    <label for="auto">รายชื่อจังหวัด </label>
    <input type="text" name="auto" id="auto" />
  </p>
  <p>
    <label for="IDP">รหัสที่เลือก</label>
    <input type="text" name="IDP" id="IDP" />
  </p>
</body>
</html>


ไฟล์ที่สอง getda.php
Code (PHP)
<?
$conn = mysql_connect('localhost', 'root', '12345');
mysql_select_db('bookshop');
mysql_query("set character set utf8");
$text = $_REQUEST['keyword'];
$query = "SELECT PROVINCE_ID, PROVINCE_NAME FROM province WHERE PROVINCE_NAME LIKE'%".$text."%'";
$result = mysql_query($query);
$json = '[ ';
$first = true;
while($row = mysql_fetch_array($result)){
    if (!$first) { 
		$json .=  ','; 
	} else { 
		$first = false; 
	}
    $json .= "{ \"ID\" : \"".$row['PROVINCE_ID']."\",\"VALUES\" : \"".$row['PROVINCE_NAME']."\" } ";
}
$json .= ' ]';
echo $json;

?>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-07-03 11:01:56 By : Krungsri
 

 

No. 3



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



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

ขอบคุณครับเดวขอตัวไปลองวิชาก่อนครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-07-03 16:37:12 By : Thoshilo
 


 

No. 4



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



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


Autocomplete ช่วยคุณได้
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-07-04 10:56:00 By : keng_ds
 

   

ค้นหาข้อมูล


   
 

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