if else ใน Javascript แทรก คำสั่ง PHP ลงไปแล้วไม่ทำงาน ค่ะ และก็ต้องการ onChange จาก select list แล้วส่งค่าไปให้ txtfield ใน form php
type มีค่าจริงหรือเปล่าครับ ลอง alert(); ออกมาดูก่อนเข้าเงื่อนไข
Date :
2013-04-09 14:15:26By :
Ex-[S]i[L]e[N]t
type มีค่าจริงอ่ะ เข้า เงือนไข แล้วก็ alert ตามเงื่อนไขเลยค่ะ
Date :
2013-04-09 14:27:50By :
JuNiorWP
ค่า types ส่งมาจากไหนครับ
Date :
2013-04-09 14:40:53By :
Naizan
มันเช็คอย่างนั้นไม่ได้ครับ ลองวิธีนี้ดูครับ ว่าใช่อย่างนี้หรือเปล่าCode (PHP) <HTML>
<HEAD>
<TITLE> Form1 </TITLE>
<script language="javascript">
function fncChange(_val){
if(_val != ""){
document.f.target = "ifupdate";
document.f.method = "post";
document.f.action = "form2.php?types="+_val;
document.f.submit();
}
}
</script>
</HEAD>
<BODY>
<form name="f">
<TABLE border="1">
<TR>
<TD>
<select name="slName" id="slName" onchange="fncChange(this.value)">
<option value="">---select---</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</TD>
</TR>
<TR>
<TD>
<INPUT TYPE="text" NAME="txtName" id="txtName">
</TD>
</TR>
</TABLE>
</form>
<iframe name="ifupdate" width="800" height="300" style="display:none"></iframe>
</BODY>
</HTML>
2. Copy Code ด้านล่างนี้ไปตั้งชื่อ เป็น form2.php
<HTML>
<HEAD>
<TITLE> Form2 </TITLE>
</HEAD>
<BODY>
<?php
$conn = mysql_connect("localhost","root","root") or die("Error Connect to Database");
$objDB = mysql_select_db("tablename");
mysql_query("SET NAMES 'utf8'");
$types = $_REQUEST["types"];
if($types == "1"){
$sql_code="SELECT a1 as value FROM aaa";
}else if($types == "2"){
$sql_code="SELECT b1 as value FROM bbb";
}else if($types == "3"){
$sql_code="SELECT c1 as value FROM ccc";
}else if($types == "4"){
$sql_code="SELECT d1 as value FROM ddd";
}
$rs = mysql_query($sql_code,$conn) or die ("Error Query [".$sql_code."]");
while ($objResult = mysql_fetch_array($rs)){
$value = $objResult["value"];
?>
<script language="javascript">
parent.document.getElementById("txtName").value="<?=$value;?>";
</script>
<?php
}
?>
</BODY>
</HTML>
Date :
2013-04-09 14:46:24By :
thep
แนะนำให้ส่งค่า types ที่ได้ไปแบบ $_GET['type'] หรือ $_POST['type'] ไปเลยครับ
ประวัติการแก้ไข
Date :
2013-04-09 15:11:56By :
Naizan
พูดถึงใช้ php ธรรมดา เพียวๆก็ได้แล้วนะครับ เช็ค type ก่อนแล้วเข้าเงื่อนไข
Date :
2013-04-09 15:12:26By :
Ex-[S]i[L]e[N]t
ขอถามคอนเสปหน้านี้หน่อยครับ ต้องการให้page นี้ทำงานอย่างไร ขอละเอียด
Date :
2013-04-09 15:26:31By :
Ex-[S]i[L]e[N]t
คงต้องใช้ Ajax & jQuery แล้วหละครับ รอซักครู่ครับเดี๋ยเขียนตัวอย่างให้ครับ
Date :
2013-04-09 16:20:08By :
Ex-[S]i[L]e[N]t
มี db มั้ยครับ รบกวนส่งเข้า email หน่อยได้มั้ยครับ
Date :
2013-04-09 16:23:01By :
Ex-[S]i[L]e[N]t
มันติดตรงที่ ถ้ากลับมาที่หน้าเดิมแล้วค่าอื่นๆ มันหายน่ะสิคะ
Date :
2013-04-09 16:23:39By :
JuNiorWP
php ในการแสดงผลแต่ละครั้ง จำการ refresh หน้า เพราะฉะนั้นต้องใช้ ajax&jquery ในการกระทำครับ
Date :
2013-04-09 16:25:08By :
Ex-[S]i[L]e[N]t
ผมก็ทำตัวอย่างให้ดูแล้วครับ ที่ คำตอบที่ 4 การ submit ด้วย iframe ได้แน่นอนครับ
Date :
2013-04-09 16:52:38By :
thep
Update ล่าสุด ได้แน่นอนครับ
Date :
2013-04-09 17:14:25By :
thep
ทำให้ในรูปแบบ JSON นะครับ สามารถ copy paste ได้เลย setting ตาม db ให้เรียบร้อยครับ 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=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<table border="0">
<tr>
<td>Type</td>
<td>
<select id="seType">
<option value="">กรุณาเลือก</option>
<option value="aaca">aaca</option>
<option value="aact">aact</option>
<option value="acsra">acsra</option>
<option value="acsrt">acsrt</option>
</select>
</td>
<td>Code</td>
<td>
<select id="seCode">
<option value="">กรุณาเลือก</option>
</select>
</td>
<td>Site</td>
<td><input type="text" id="txtSite" name="txtSite" value="" disabled="disabled" /></td>
<td>Unit</td>
<td><input type="text" id="txtUnit" name="txtUnit" value="" disabled="disabled" /></td>
</tr>
</table>
<script language="javascript" src="admin/module/inc/scripts/jquery-1.8.1.min.js"></script>
<script>
$(document).ready(function() {
//select Type
$('#seType').change(function(){
var db=this.value;
var txtSite=$('#txtSite');
var txtUnit=$('#txtUnit');
txtSite.empty();
txtUnit.empty();
var seCode=$('#seCode');
var field='';
if(db=='aaca'){
field='CA1';
}else if(db=='aact'){
field='CT1';
}else if(db=='acsra'){
field='RA1';
}else if(db=='acsrt'){
field='RT1';
}
seCode.empty();
$.ajax({url:"access.php",
async:false,
cache:false,
global:false,
type:'POST',
data:'act=db&db='+db+
'&field='+field,
success: function(result){
var obj=jQuery.parseJSON(result);
seCode.append('<option>กรุณาเลือก</option>');
$.each(obj,function(key,val){
seCode.append('<option value='+val[field]+'>'+val[field]+'</option>');
});
}
});
});
$('#seCode').change(function(){
var code=this.value;
var db=$('#seType').val();
var txtSite=$('#txtSite');
var txtUnit=$('#txtUnit');
var field='';
var site='';
var uni='';
if(db=='aaca'){
field='CA1';
site='CA2';
uni='CA6';
}else if(db=='aact'){
field='CT1';
site='CT3';
uni='CT5';
}else if(db=='acsra'){
field='RA1';
site='RA2';
uni='RA6';
}else if(db=='acsrt'){
field='RT1';
site='RT3';
uni='RT5';
}
$.ajax({url:"access.php",
async:false,
cache:false,
global:false,
type:'POST',
data:'act=code&db='+db+
'&code='+code+
'&field='+field+
'&site='+site+
'&unit='+uni,
success: function(result){
var obj=jQuery.parseJSON(result);
$.each(obj,function(key,val){
txtSite.val(val[site]);
txtUnit.val(val[uni]);
});
}
});
});
});
</script>
</body>
</html>
Code (PHP) <? error_reporting(0);
$Host="localhost";
$HostUsername="root";
$HostPassword="123456";
$DB="ct_cal";
$Connect=mysql_connect($Host,$HostUsername,$HostPassword);
if($Connect){
$select_DB=mysql_select_db($DB);
if($select_DB){
mysql_query("SET NAMES UTF8");
}
}else{
echo "connection error";
}
$act=$_POST['act'];
$arrResult=array();
switch($act){
case 'db' : $db=$_POST['db'];
$field=$_POST['field'];
$query=mysql_query("select $field from $db") or die (mysql_error());
$num_field=mysql_num_fields($query);
while($result=mysql_fetch_array($query)){
$arrCol=array();
for($i=0;$i<=$num_field;$i++){
$arrCol[mysql_field_name($query,$i)]=$result[$i];
}
array_push($arrResult,$arrCol);
}
break;
case 'code' : $db=$_POST['db'];
$field=$_POST['field'];
$code=$_POST['code'];
$site=$_POST['site'];
$unit=$_POST['unit'];
$query=mysql_query("select $site,$unit from $db WHERE $field='".$code."'") or die (mysql_error());
$num_field=mysql_num_fields($query);
while($result=mysql_fetch_array($query)){
$arrCol=array();
for($i=0;$i<=$num_field;$i++){
$arrCol[mysql_field_name($query,$i)]=$result[$i];
}
array_push($arrResult,$arrCol);
}
}
echo json_encode($arrResult);
?>
Date :
2013-04-09 18:11:51By :
Ex-[S]i[L]e[N]t
รบกวนอีกทีค่ะ ลองทำในกรณีถ้าไม่เลือก Code ก็ไม่ให้แสดงค่า size กับ unit อ่ะค่ะ ลองเอา txtSite.empty(); แล้วก็ไม่ได้อ่ะค่ะ แล้วต้องการจะ Clear ค่า site unit ในกรณีที่ไม่ได้เลือก Code จะต้องทำอย่างไรอ่ะค่ะ
Date :
2013-04-09 20:07:24By :
JuNiorWP
ทำได้แล้วค่ะ เพิ่ม txtSite.val(''); , txtUnit.val(''); เข้าไปในส่วนของ Select type ไม่รู้ว่าเป็นวิธีที่ดีที่สุดมั้ย แต่มันก็สามารถทำงานได้ตามต้องการ
Date :
2013-04-09 21:20:30By :
JuNiorWP
ผมกำหนด disabled="disabled" ของ type text แล้วหนิครับ ถ้าไม่เลือกมันก็ไม่แสดงผลอยู่แล้ว
Date :
2013-04-09 21:22:38By :
Ex-[S]i[L]e[N]t
Server 02
Load balance : Server 02
.......
