|
|
|
ขอสอบถามเกี่ยวกับTextBox ที่จะค้นหามูลเปลี่ยบเทียบและแสดงครับ |
|
|
|
|
|
|
|
ลองไปหาอ่านเรื่อง autocomplete jquery ดูนะครับ
|
|
|
|
|
Date :
2012-07-03 10:31:55 |
By :
joesimikung |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ต้องใช้ 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 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุณครับเดวขอตัวไปลองวิชาก่อนครับ
|
|
|
|
|
Date :
2012-07-03 16:37:12 |
By :
Thoshilo |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Autocomplete ช่วยคุณได้
|
|
|
|
|
Date :
2012-07-04 10:56:00 |
By :
keng_ds |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 02
|