การเพิ่ม textbox ทั้งแถว และลบทั้งแถว กรณีดึงข้อมูลมาแสดงเป็น list box แต่พอเราคลิกเพิ่ม กลับไม่แสดงข้อมูลใน list box ค่ะ
Element นี่ต้องสร้างไว้ก่อน หรือ ดึงจาก sql ได้เลยครับ
Date :
2012-02-11 11:16:44
By :
mctavish
ไม่ได้ค่ะ ไม่แน่ใจว่า oracle ทำแบบนี้ไหม ช่วยดูโค้ดหน่อยน่ะค่ะ
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>
</head>
<?
include("connect.php");
$SQL ="select * from AVSREG.SCHOOL ";
$stmt=oci_parse($objConnect,$SQL);
oci_execute($stmt,OCI_DEFAULT);
?>
<script language="javascript">
function CreateSelectOption(ele)
{
var objSelect = document.getElementById(ele);
var Item = new Option("", "");
objSelect.options[objSelect.length] = Item;
<?
//while($objResult = mysql_fetch_array($objQuery))
while ($objResult = oci_fetch_array($stmt,OCI_BOTH))
{
?>
var Item = new Option("<?=$objResult["SCHOOLNAME"];?>", "<?=$objResult["SCHOOLID"];?>");
objSelect.options[objSelect.length] = Item;
<?
}
?>
}
function CreateNewRow()
{
var intLine = parseInt(document.frmMain.hdnMaxLine.value);
intLine++;
var theTable = document.getElementById("tbExp");
var newRow = theTable.insertRow(theTable.rows.length)
newRow.id = newRow.uniqueID
var newCell
//*** Column 1 ***//
newCell = newRow.insertCell(0);
newCell.id = newCell.uniqueID;
newCell.setAttribute("className", "css-name");
newCell.innerHTML = "<center><INPUT TYPE=\"TEXT\" SIZE=\"5\" NAME=\"Column1_"+intLine+"\" ID=\"Column1_"+intLine+"\" VALUE=\"\"></center>";
//*** Column 2 ***//
newCell = newRow.insertCell(1);
newCell.id = newCell.uniqueID;
newCell.setAttribute("className", "css-name");
newCell.innerHTML = "<center><INPUT TYPE=\"TEXT\" SIZE=\"5\" NAME=\"Column2_"+intLine+"\" ID=\"Column2_"+intLine+"\" VALUE=\"\"></center>";
//*** Column 3 ***//
newCell = newRow.insertCell(2);
newCell.id = newCell.uniqueID;
newCell.setAttribute("className", "css-name");
newCell.innerHTML = "<center><INPUT TYPE=\"TEXT\" SIZE=\"5\" NAME=\"Column3_"+intLine+"\" ID=\"Column3_"+intLine+"\" VALUE=\"\"></center>";
//*** Column 4 ***//
newCell = newRow.insertCell(3);
newCell.id = newCell.uniqueID;
newCell.setAttribute("className", "css-name");
newCell.innerHTML = "<center><INPUT TYPE=\"TEXT\" SIZE=\"5\" NAME=\"Column4_"+intLine+"\" ID=\"Column4_"+intLine+"\" VALUE=\"\"></center>";
//*** Column 5 ***//
newCell = newRow.insertCell(4);
newCell.id = newCell.uniqueID;
newCell.setAttribute("className", "css-name");
newCell.innerHTML = "<center><SELECT NAME=\"Column5_"+intLine+"\" ID=\"Column5_"+intLine+"\"></SELECT></center>";
//*** Create Option ***//
CreateSelectOption("Column5_"+intLine)
document.frmMain.hdnMaxLine.value = intLine;
}
function RemoveRow()
{
intLine = parseInt(document.frmMain.hdnMaxLine.value);
if(parseInt(intLine) > 0)
{
theTable = document.getElementById("tbExp");
theTableBody = theTable.tBodies[0];
theTableBody.deleteRow(intLine);
intLine--;
document.frmMain.hdnMaxLine.value = intLine;
}
}
</script>
<body>
<form name="frmMain" method="post">
<table width="617" border="0" id="tbExp">
<tr bgcolor="#CCCCCC">
<td><div align="center">ครั้งที่</div></td>
<td><div align="center">ปีการศึกษา</div></td>
<td><div align="center">ระดับการศึกษา</div></td>
<td><div align="center">ชั้นปีที่</div></td>
<td><div align="center">สถานศึกษา</div></td>
<td><div align="center">วงเงินกู้</div></td>
</tr>
</table>
<input type="hidden" name="hdnMaxLine" value="0">
<input name="btnAdd" type="button" id="btnAdd" value="+" onClick="CreateNewRow();">
<input name="btnDel" type="button" id="btnDel" value="-" onClick="RemoveRow();">
</form>
</body>
</html>
Date :
2012-02-16 20:51:30
By :
eii-mian
View Source ในหน้า Web Browser มาให้ดูหน่อยครับ
Date :
2012-02-16 20:58:02
By :
webmaster
Code
<html>
<head>
<title>ThaiCreate.Com JavaScript Add/Remove Element</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<!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>connect data base oracle</title>
</head>
<body>
</body>
</html>
<script language="javascript">
function CreateSelectOption(ele)
{
var objSelect = document.getElementById(ele);
var Item = new Option("", "");
objSelect.options[objSelect.length] = Item;
var Item = new Option("", "");
objSelect.options[objSelect.length] = Item;
var Item = new Option("", "");
objSelect.options[objSelect.length] = Item;
var Item = new Option("", "");
objSelect.options[objSelect.length] = Item;
}
function CreateNewRow()
{
var intLine = parseInt(document.frmMain.hdnMaxLine.value);
intLine++;
var theTable = document.getElementById("tbExp");
var newRow = theTable.insertRow(theTable.rows.length)
newRow.id = newRow.uniqueID
var newCell
//*** Column 1 ***//
newCell = newRow.insertCell(0);
newCell.id = newCell.uniqueID;
newCell.setAttribute("className", "css-name");
newCell.innerHTML = "<center><INPUT TYPE=\"TEXT\" SIZE=\"5\" NAME=\"Column1_"+intLine+"\" ID=\"Column1_"+intLine+"\" VALUE=\"\"></center>";
//*** Column 2 ***//
newCell = newRow.insertCell(1);
newCell.id = newCell.uniqueID;
newCell.setAttribute("className", "css-name");
newCell.innerHTML = "<center><INPUT TYPE=\"TEXT\" SIZE=\"5\" NAME=\"Column2_"+intLine+"\" ID=\"Column2_"+intLine+"\" VALUE=\"\"></center>";
//*** Column 3 ***//
newCell = newRow.insertCell(2);
newCell.id = newCell.uniqueID;
newCell.setAttribute("className", "css-name");
newCell.innerHTML = "<center><INPUT TYPE=\"TEXT\" SIZE=\"5\" NAME=\"Column3_"+intLine+"\" ID=\"Column3_"+intLine+"\" VALUE=\"\"></center>";
//*** Column 4 ***//
newCell = newRow.insertCell(3);
newCell.id = newCell.uniqueID;
newCell.setAttribute("className", "css-name");
newCell.innerHTML = "<center><INPUT TYPE=\"TEXT\" SIZE=\"5\" NAME=\"Column4_"+intLine+"\" ID=\"Column4_"+intLine+"\" VALUE=\"\"></center>";
//*** Column 5 ***//
newCell = newRow.insertCell(4);
newCell.id = newCell.uniqueID;
newCell.setAttribute("className", "css-name");
newCell.innerHTML = "<center><SELECT NAME=\"Column5_"+intLine+"\" ID=\"Column5_"+intLine+"\"></SELECT></center>";
//*** Create Option ***//
CreateSelectOption("Column5_"+intLine)
document.frmMain.hdnMaxLine.value = intLine;
//*** Column 6 ***//
newCell = newRow.insertCell(5);
newCell.id = newCell.uniqueID;
newCell.setAttribute("className", "css-name");
newCell.innerHTML = "<center><INPUT TYPE=\"TEXT\" SIZE=\"5\" NAME=\"Column6_"+intLine+"\" ID=\"Column6_"+intLine+"\" VALUE=\"\"></center>";
}
function RemoveRow()
{
intLine = parseInt(document.frmMain.hdnMaxLine.value);
if(parseInt(intLine) > 0)
{
theTable = document.getElementById("tbExp");
theTableBody = theTable.tBodies[0];
theTableBody.deleteRow(intLine);
intLine--;
document.frmMain.hdnMaxLine.value = intLine;
}
}
</script>
<body>
<form name="frmMain" method="post">
<table width="617" border="0" id="tbExp">
<tr bgcolor="#CCCCCC">
<td><div align="center">ครั้งที่</div></td>
<td><div align="center">ปีการศึกษา</div></td>
<td><div align="center">ระดับการศึกษา</div></td>
<td><div align="center">ชั้นปีที่</div></td>
<td><div align="center">สถานศึกษา</div></td>
<td><div align="center">วงเงินกู้</div></td>
</tr>
</table>
<input type="hidden" name="hdnMaxLine" value="0">
<input name="btnAdd" type="button" id="btnAdd" value="+" onClick="CreateNewRow();">
<input name="btnDel" type="button" id="btnDel" value="-" onClick="RemoveRow();">
</form>
</body>
</html>
Date :
2012-02-16 21:04:59
By :
eii-mian
สวัสดียามเช้าค่ะ เมื่อคืนช้ามาก
หนู view sourse ใน web browser แล้วน่ะค่ะ พี่วิน
Date :
2012-02-17 09:09:27
By :
eii-mian
มันมีแต่ค่าว่างครับ จะเห็นว่าการเชื่อมต่อ Oracle ไม่สำเร็จครับ
Date :
2012-02-17 11:26:14
By :
webmaster
แล้วพอจะมีวิธีแก้ไหมค่ะ พี่วิน
Date :
2012-02-19 10:13:46
By :
eii-mian
พี่ค่ะ หนูลอง viwe sorce code ใน web broser
ข้อมูลสถานศึกษาแสดง แต่ไม่สามารถเพิ่มแถวได้ค่ะ
ติดอะรัย หรือค่ะ งง มากค่ะ ช่วยดูหน่อยน่ะค่ะ
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>
</head>
<body>
<!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>connect data base oracle</title>
</head>
<body>
</body>
</html>
<script language="javascript">
function CreateSelectOption(ele)
{
var objSelect = document.getElementById(ele);
var Item = new Option("", "");
objSelect.options[objSelect.length] = Item;
var Item = new Option("สถาบันเทคโนโลยีราชมงคล วิทยาเขตพระนครเหนือ", "1998");
objSelect.options[objSelect.length] = Item;
var Item = new Option("วิทยาลัยการอาชีพสตึก", "990000328");
objSelect.options[objSelect.length] = Item;
var Item = new Option("สถาบันเทคโนโลยีราชมงคล วิทยาเขตภาคใต้", "2001");
objSelect.options[objSelect.length] = Item;
var Item = new Option("สถาบันเทคโนโลยีราชมงคล วิทยาเขตภาคพายัพ", "2002");
objSelect.options[objSelect.length] = Item;
var Item = new Option("สถาบันเทคโนโลยีราชมงคล วิทยาเขตศรีวิชัย", "2004");
objSelect.options[objSelect.length] = Item;
var Item = new Option("สถาบันเทคโนโลยีราชมงคล วิทยาเขตศาลายา", "2005");
objSelect.options[objSelect.length] = Item;
var Item = new Option("สถาบันเทคโนโลยีราชมงคล วิทยาเขตสกลนคร", "2006");
objSelect.options[objSelect.length] = Item;
var Item = new Option("สถาบันเทคโนโลยีราชมงคล วิทยาเขตสุพรรณบุรี", "2007");
objSelect.options[objSelect.length] = Item;
var Item = new Option("สถาบันเทคโนโลยีราชมงคล วิทยาเขตอุเทนถวาย", "2008");
objSelect.options[objSelect.length] = Item;
var Item = new Option("สถาบันเทคโนโลยีราชมงคล วิทยาลัยเทคนิคนครศรีธรรมราช", "2009");
objSelect.options[objSelect.length] = Item;
var Item = new Option("สถาบันเทคโนโลยีราชมลคล วิทยาเขตพระนครศรีอยุธยา วาสุกรี", "2012");
objSelect.options[objSelect.length] = Item;
var Item = new Option("วิทยาลัยสารพัดช่างพระนคร", "990000216");
objSelect.options[objSelect.length] = Item;
var Item = new Option("โรงเรียนอุดมศึกษาพณิชยการ", "2015");
objSelect.options[objSelect.length] = Item;
var Item = new Option("วิทยาเขตเทคนิคกาญจนบุรี", "1739");
objSelect.options[objSelect.length] = Item;
var Item = new Option("วิทยาเขตเทคนิคขอนแก่น", "1740");
objSelect.options[objSelect.length] = Item;
var Item = new Option("บ้านแท่นวิทยา", "990000229");
objSelect.options[objSelect.length] = Item;
var Item = new Option("วิทยาเขตนครศรีธรรมราช", "1743");
objSelect.options[objSelect.length] = Item;
var Item = new Option("วิทยาเขตนนทบุรี", "1744");
objSelect.options[objSelect.length] = Item;
var Item = new Option("เบญจประชาสรรค์", "990000230");
objSelect.options[objSelect.length] = Item;
}
function CreateNewRow()
{
var intLine = parseInt(document.frmMain.hdnMaxLine.value);
intLine++;
var theTable = document.getElementById("tbExp");
var newRow = theTable.insertRow(theTable.rows.length)
newRow.id = newRow.uniqueID
var newCell
//*** Column 1 ***//
newCell = newRow.insertCell(0);
newCell.id = newCell.uniqueID;
newCell.setAttribute("className", "css-name");
newCell.innerHTML = "<center><INPUT TYPE=\"TEXT\" SIZE=\"5\" NAME=\"Column1_"+intLine+"\" ID=\"Column1_"+intLine+"\" VALUE=\"\"></center>";
//*** Column 2 ***//
newCell = newRow.insertCell(1);
newCell.id = newCell.uniqueID;
newCell.setAttribute("className", "css-name");
newCell.innerHTML = "<center><INPUT TYPE=\"TEXT\" SIZE=\"5\" NAME=\"Column2_"+intLine+"\" ID=\"Column2_"+intLine+"\" VALUE=\"\"></center>";
//*** Column 3 ***//
newCell = newRow.insertCell(2);
newCell.id = newCell.uniqueID;
newCell.setAttribute("className", "css-name");
newCell.innerHTML = "<center><INPUT TYPE=\"TEXT\" SIZE=\"5\" NAME=\"Column3_"+intLine+"\" ID=\"Column3_"+intLine+"\" VALUE=\"\"></center>";
//*** Column 4 ***//
newCell = newRow.insertCell(3);
newCell.id = newCell.uniqueID;
newCell.setAttribute("className", "css-name");
newCell.innerHTML = "<center><INPUT TYPE=\"TEXT\" SIZE=\"5\" NAME=\"Column4_"+intLine+"\" ID=\"Column4_"+intLine+"\" VALUE=\"\"></center>";
//*** Column 5 ***//
newCell = newRow.insertCell(4);
newCell.id = newCell.uniqueID;
newCell.setAttribute("className", "css-name");
newCell.innerHTML = "<center><SELECT NAME=\"Column5_"+intLine+"\" ID=\"Column5_"+intLine+"\"></SELECT></center>";
//*** Create Option ***//
CreateSelectOption("Column5_"+intLine)
document.frmMain.hdnMaxLine.value = intLine;
}
function RemoveRow()
{
intLine = parseInt(document.frmMain.hdnMaxLine.value);
if(parseInt(intLine) > 0)
{
theTable = document.getElementById("tbExp");
theTableBody = theTable.tBodies[0];
theTableBody.deleteRow(intLine);
intLine--;
document.frmMain.hdnMaxLine.value = intLine;
}
}
</script>
<form name="frmMain" method="post">
<table width="617" border="0" id="tbExp">
<tr bgcolor="#CCCCCC">
<td><div align="center">ครั้งที่</div></td>
<td><div align="center">ปีการศึกษา</div></td>
<td><div align="center">ระดับการศึกษา</div></td>
<td><div align="center">ชั้นปีที่</div></td>
<td><div align="center">สถานศึกษา</div></td>
<td><div align="center">วงเงินกู้</div></td>
</tr>
</table>
<input type="hidden" name="hdnMaxLine" value="0">
<input name="btnAdd" type="button" id="btnAdd" value="+" onClick="CreateNewRow();">
<input name="btnDel" type="button" id="btnDel" value="-" onClick="RemoveRow();">
</form>
</body>
</html>
Date :
2012-03-09 20:29:48
By :
eii-mian
Load balance : Server 03