ขอตัวอย่าง Code jQuery ที่คล้ายๆๆ กับ การเลือกตำบล อำเภอ แล้วขึ้นมาอัตโนมัติให้หน่อยค่ะ ^^
ูู^^ ขอบคุณมากค่ะ เด่วจะลองศึกษาแกะ Code ดู
Date :
2011-11-18 10:05:09
By :
nidnoiiz
งงอ่ะค่ะ เลือกข้อมูลได้เฉพาะ ตำบล แต่ อำเภอ จังหวัด ไมเกิดไหร่ขึ้นเลย ถ้าจะโม้โค้ดต่อจากอันนี้ได้เป่าค่ะ
file : item_data.php
Quote: <?ini_set('display_error',0);
error_reporting(~E_ALL);
?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>รายงานดูข้อมูล Item</title>
<meta http-equiv="content-type"content="text/html;charset=tis-620">
<link rel="stylesheet" href='<?php echo base_url();?>textj/autocomplete.css' type="text/css"/>
<link rel="stylesheet" href='<?php echo base_url();?>text/css.css'type="text/css" media="screen">
<link rel="stylesheet" href='<?php echo base_url();?>textj/css/smoothness/jquery-ui-1.7.2.custom.css'type="text/css"media='screen'>
<style type="text/css">
/* Overide css code กำหนดความกว้างของปฏิทินและอื่นๆ */
.ui-datepicker{
width:170px;
font-family:tahoma;
font-size:12px;
text-align:center;
}
</style>
</HEAD>
<BODY>
<script type="text/javascript" src='<?php echo base_url();?>textj/autocomplete.js'></script>
<script type="text/javascript" src='<?php echo base_url();?>textj/js/jquery-1.3.2.min.js'></script>
<script type="text/javascript" src='<?php echo base_url();?>textj/js/jquery-ui-1.7.2.custom.min.js'></script>
<!-- Table 1 -->
<TABLE border ='0'cellspacing='0' cellpadding='0' height='700'>
<TR >
<TD bgcolor='0'valign='top'><!-- b1 --></TD>
<TD bgcolor='#2c3640' valign='top'>
<TABLE border='0'cellspacing='0'cellpadding='0'>
<TR cellspacing='0' cellpadding='0'>
<TD><IMG SRC="../../img/b2.png" ></TD>
</TR>
<!-- <a href="page1.htm" onMouseOver="mypic.src='bottom2.gif" onMouseOut="mypic.src='bottom1.gif'">
<img src="bottom1.gif" name="mypic" border="0" /></a>
-->
<TR cellspacing='0' cellpadding='0'>
<TD><a href ="" onMouseOver="mypic0.src='../../img/up11.png'"
onMouseOut ="mypic0.src='../../img/up3.png'"><img src ="../../img/up3.png" name="mypic0" border="0"></a></TD>
</TR >
<TR cellspacing='0' cellpadding='0' bgcolor ='#1a1e23'>
<TD><a href="" onMouseOver="mypic1.src='../../img/up14.png'" onMouseOut="mypic1.src='../../img/up4.png'"><img src="../../img/up4.png" name="mypic1"
border="0" /></a> </TD>
</TR>
<TR cellspacing='0' cellpadding='0' bgcolor ='#1d2128'>
<TD><a href="" onMouseOver="mypic2.src='../../img/up15.png'" onMouseOut="mypic2.src='../../img/up5.png'"><img src="../../img/up5.png" name="mypic2"
border="0" /></a> </TD>
</TR>
<TR cellspacing='0' cellpadding='0' bgcolor ='#1c2127'>
<TD><a href="admin_all/logout" onMouseOver="mypic3.src='../../img/up16.png'"
onMouseOut="mypic3.src='../../img/up6.png'"><img src="../../img/up6.png" name="mypic3"
border="0" /></a></TD>
</TR>
<TR>
<TD><IMG SRC="../../img/up7.png" BORDER="0" ALT=""></TD>
</TR>
<!-- <? echo anchor('admin_all/logout','<IMG SRC="../../img/logout.png" BORDER="0" ALT="">');?>
-->
</TABLE>
</TD>
<!-- /Table1 -->
<!-- Table 2 -->
<TD cellspacing='0' cellpadding='0'>
<table cellspacing='0' cellpadding='0'border='0' width ='1100'>
<tr height ='30'>
<td bgcolor ='#2e3843' width ='700'>
<font color ='white'> <b>ระบบ Web-Base ERP...</b></font></td>
<td bgcolor ='#2e3843'><font color ='#D3D3D3'><!--คุณ :
<font color ='white'> <b><?php echo $this->session->userdata('u_name'); ?></font></b> <font color ='D3D3D3'> กำลังเข้าใช้ระบบ....</font></td> -->
</tr>
</table>
<TABLE border='0' width ='698'height='1200'cellspacing='0' cellpadding='0' bgcolor='#fcfdf5'>
<TR >
<!-- tb -->
<TD valign='top' >
<TABLE border='0'align ='center' width ='1100'cellspacing='0' cellpadding='0' >
<TR height='50'>
<TD></TD>
</TR>
<script>
function chkFrm(){
if(document.getElementById('u_name').value==''){
alert("กรุณากรอกชื่อผู้ใช้ด้วยค่ะ");
return false;
}else if(document.getElementById('u_name').value.length<4){
alert("กรุณากรอกชื่อผู้ใช้อย่างน้อย 4 ตัวอักษรค่ะ");
return false;
}else if(document.getElementById('p_word').value==''){
alert("กรุณากรอกรหัสผ่านด้วยค่ะ");
return false;
}else if(document.getElementById('p_word').value.length<4){
alert("กรุณากรอกรหัสผ่านอย่างน้อย 4 ตัวอักษรค่ะ");
return false;
}else if(document.getElementById('con_pass').value!=document.getElementById("p_word").value){
alert("รหัสผ่านไม่เหมือนกันค่ะ");
return false;
}else if(document.getElementById('fname').value==''){
alert("กรุณากรอกชื่อผู้ใช้งานด้วยค่ะ");
return false;
}else if(document.getElementById('lname').value==''){
alert("กรุณากรอกนามสกุลด้วยค่ะ");
return false;
}else if(document.getElementById().value<1){
alert("กรุณาเลือกแผนกด้วยค่ะ");
return false;
}
return true;
}
</script>
<tr>
<td><!--/TABLE -->
<TABLE border='0'>
<TR>
<TD><?echo nbs(5);?><b>TMCI Item: </b></TD>
</TR>
<?php echo form_open(site_url('admin_all/sea_material'),array("name"=>"form1","id"=>"form1","onsubmit"=>"return chkFrm()")); ?>
<TR height='70'>
<TD><?echo nbs(5);?><b>Item :</b><?echo nbs(5);?>
<input name="show_arti_topic" type="text" id="show_arti_topic" value='<?echo $item1;?>' size='30'>
<input name="h_arti_id" type="hidden" id="h_arti_id" value="">
<script type="text/javascript">
function make_autocom(autoObj,showObj){
var mkAutoObj=autoObj;
var mkSerValObj=showObj;
new Autocomplete(mkAutoObj,
function(){
this.setValue = function(id){
document.getElementById(mkSerValObj).value = id;
}
if (this.isModified)
this.setValue("");
if (this.value.length < 1 && this.isNotClick)
return ;
return "<?php echo base_url();?>textj/gdata.php?q="+encodeURIComponent(this.value);
});
}make_autocom("show_arti_topic","h_arti_id");
</script>
</TD>
<TD><?echo nbs(15);?><b> UM :</b><?echo nbs(5);?><INPUT TYPE="text" NAME="ref_num" value='<?echo $refnum1;?>'></TD>
<TD><?echo nbs(10);?><INPUT TYPE="submit" name ="materialtran" value ="Material Transaction"></TD>
</TR>
</TABLE>
<TABLE border='0' align ='center>'>
<TR>
<TD><?echo nbs(21);?><input type ='text' size ='30'></TD>
<TD><?echo nbs(8);?><b>Source : </b><?echo nbs(2);?></TD>
<TD><?echo nbs(15);?><b>Quantility On Hand :</b><?echo nbs(2);?>xxxxxxxxx</TD>
</TR>
<TR height ='50'>
<TD><b><?echo nbs(16);?><INPUT TYPE="checkbox" NAME="">: Stock </b><?echo nbs(23);?><INPUT TYPE="checkbox" NAME=""><b>: Show In Drop-Down Lists</b></TD>
<TD><?echo nbs(8);?><b>Product Code :<?echo nbs(3);?></b>xxxxxxxx</TD>
<TD><?echo nbs(15);?><b>Quantity Ordered :<?echo nbs(3);?></b>xxxxxxxx</TD>
</TR>
<TR>
<TD><?echo nbs(5);?><b>Master Location :</b><?echo nbs(3);?>xxxxxxx<b><?echo nbs(10);?>Warehouse :<?echo nbs(3);?></b> xxxxxxx</TD>
<TD><?echo nbs(8);?><b>Planner Code :</b><?echo nbs(4);?>xxxxxxx</TD>
<TD><?echo nbs(15);?><b>Quantity WIP :<?echo nbs(3);?></b>xxxxxxxxxxx</TD>
</TR>
<TR height='50'>
<TD><?echo nbs(5);?><b>Minimum Quantity :</b><?echo nbs(3);?>xxxxxxxxxxxx </TD>
<TD><?echo nbs(8);?><b>Material Status :</b> xxxxxxxx</TD>
<TD><?echo nbs(15);?><b>Allocated To Prod :</b><?echo nbs(3);?>xxxxxx</TD>
</TR>
<TR>
<TD><?echo nbs(5);?><b>Maximum Quantity :</b><?echo nbs(3);?>xxxxxxxxxxxx</TD>
<TD><?echo nbs(8);?><b>Last Chang :</b><?echo nbs(3);?>xxxxxxxxxxxx</TD>
<TD><?echo nbs(15);?><b>Allocated To Customer Orders:</b><?echo nbs(3);?>xxxxxxxxxx</TD>
</table>
<table border='0'>
<TR>
<TD width='70'></TD>
</TR>
<TR height='50'>
<TD width='70'></TD>
<TD><!-- <?echo nbs(35);?><INPUT TYPE="submit" value='ตกลง' size='15'> <INPUT TYPE="reset"value='ยกเลิก'> --></TD>
</TR>
<?php echo form_close();?>
</td><!-- / -->
</tr>
</TABLE>
</TD>
<!-- /tb -->
</TR>
</TABLE>
<!-- /Table 2 -->
</TR>
</TABLE>
</BODY>
</HTML>
ไฟล์ gdata.php
Quote: <?php
header("Content-type:text/html; charset=tis-620");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0,pre-check=0", false);
// เชื่อมต่อฐานข้อมูล
$link=mssql_connect("TMCI07","sa","@Dm1n15trat0r") or die("error");
mssql_select_db("TMCI_App",$link);
//mssql_query("set character set tis-620");
$q = urldecode($_GET["q"]);
$table_db="item"; // ตารางที่ต้องการค้นหา
$find_field="item"; // ฟิลที่ต้องการค้นหา
$sql = "SELECT TOP 200 * FROM item where Charindex('$q',$find_field)>0 order by Charindex('$q', $find_field),$find_field";
$results = mssql_query($sql);
while ($row = mssql_fetch_array($results)){
$id = $row["item"]; // ฟิลที่ต้องการส่งค่ากลับ
$name = ucwords(strtolower($row["item"])); // ฟิลที่ต้องการแสดงค่า
// ป้องกันเครื่องหมาย '
$name = str_replace("'","'",$name);
// กำหนดตัวหนาให้กับคำที่มีการพิมพ์
$display_name = preg_replace("/(".$q.")/i", "<b>$1</b>", $name);
echo "<li onselect=\"this.setText('$name').setValue('$id');\">$display_name</li>";
}
mssql_close();
?>
Date :
2011-11-21 16:13:20
By :
nidnoiiz
ได้ตัวอย่างมาจากหน้านี้ค่ะ ^^
http://www.ninenik.com/content.php?arti_id=209
Date :
2011-11-21 16:17:33
By :
nidnoiiz
รับค่ามาได้แล้วค่ะ แต่จะเอาค่าออกมาแสดงไม่ได้ตรง this.myfunction = function(data1,data2,data3) ใครพอรู้ช่วยดูให้หน่อยค่ะ
item_data.php
Quote: <TD><?echo nbs(5);?><b>Item :</b><?echo nbs(5);?>
<input name="show_arti_topic" type="text" id="show_arti_topic" value='' size='30'>
<input name="h_arti_id" type="hidden" id="h_arti_id" value="">
<script type="text/javascript">
function make_autocom(autoObj,showObj){
var mkAutoObj=autoObj;
var mkSerValObj=showObj;
new Autocomplete(mkAutoObj,
function(){
this.setValue = function(id){
document.getElementById(mkSerValObj).value = id;
}
this.myfunction = function(data1,data2,data3){ /*ส่วนที่รับค่าจากหน้า gdata.php มันแสดงข้อความเป็น Message Box แต่ที่นี้จะเอา ค่า $data1,$data2,$data3 ออกไปแสดงแล้วมันเอาไปใช้ไม่ได้อ่ะค่ะ */
alert(data1+" "+data2+" "+data3);
}
if (this.isModified)
this.setValue("");
if (this.value.length < 1 && this.isNotClick)
return ;
return "<?php echo base_url();?>textj/gdata1.php?q="+encodeURIComponent(this.value);
});
}
make_autocom("show_arti_topic","h_arti_id");
</script>
</TD>
<TD><?echo nbs(15);?><b> UM :</b><?echo nbs(5);?><INPUT TYPE="text" NAME="ref_num" value=''></TD>
<TD><?echo nbs(10);?><INPUT TYPE="submit" name ="materialtran" value ="Material Transaction"></TD>
</TR>
</TABLE>
<TABLE border='0' align ='center>'>
<TR>
<TD><?echo nbs(21);?><input type ='text' size ='30' value='<?echo data1;?>'></TD>
<TD><?echo nbs(8);?><b>Source :</b><?echo nbs(2);?><?echo $data2;?></TD>
<TD><?echo nbs(15);?><b>Quantility On Hand :</b><?echo nbs(2);?><?echo $data3;?></TD>
</TR>
gdata.php
Quote: <?php
header("Content-type:text/html; charset=tis-620");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0,pre-check=0", false);
// เชื่อมต่อฐานข้อมูล
$link=mssql_connect("TMCI07","sa","@Dm1n15trat0r") or die("error");
mssql_select_db("TMCI_App",$link);
//mssql_query("set character set tis-620");
$q = urldecode($_GET["q"]);
$table_db="item"; // ตารางที่ต้องการค้นหา
$find_field="item"; // ฟิลที่ต้องการค้นหา
$sql = "SELECT TOP 200 * FROM item where Charindex('$q',$find_field)>0 order by Charindex('$q', $find_field),$find_field";
$results = mssql_query($sql);
while ($row = mssql_fetch_array($results)){
$id = $row["item"]; // ฟิลที่ต้องการส่งค่ากลับ
$data1 = $row['description'];
$data2 = $row['u_m'];
$data3 = $row['lead_time'];
$name = ucwords(strtolower($row["item"])); // ฟิลที่ต้องการแสดงค่า
// ป้องกันเครื่องหมาย '
$name = str_replace("'","'",$name);
// กำหนดตัวหนาให้กับคำที่มีการพิมพ์
$display_name = preg_replace("/(".$q.")/i", "<b>$1</b>",$name); //this.myfunction คือส่วนที่่ส่งค่ากลับสู่ ฟังก์ชั่นหน้าแรกค่ะ
echo "<li onselect=\"this.setText('$name').setValue('$id');this.myfunction('$data1','$data2','$data3');\">
$display_name</li>";
}
mssql_close();
?>
ประวัติการแก้ไข 2011-11-23 13:29:53
Date :
2011-11-23 13:28:02
By :
nidnoiiz
Load balance : Server 05