<!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></title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="dropdown.js"></script>
</head>
<body>
<div id="body">
<div id="left">
<p class="menuTop"></p>
<ul class="menu">
<li><a href="index1.php">หน้าหลัก</a></li>
<li><a href="data.php">ข้อมูลผู้ใช้</a></li>
<li><a href="a.php">ฟอร์มการประเมิน</a></li>
</ul>
<p class="menuBot"></p>
<a href="index.php" class="logout">ออกจากระบบ</a>
<br class="spacer" />
</div><!--left end -->
<p> </p>
<div id="right">
<table width="704" border="0" id="group1">
<tr>
<form id="form3" name="form3" method="post" action="">
<td width="142">กลุ่มหัวข้อ</td>
<td width="189">
<select name="dep">
<option selected="selected">ภัยทางธรรมชาติ</option>
<option>ภัยทางเศรษฐกิจ</option>
<option>ภัยทางกายภาพ</option>
<option>ภัยด้านข้อมูลและระบบงาน IT</option>
<option>ภัยด้านสภาพแวดล้อม</option>
<option>ภัยด้านชื่อเสียง</option>
<option>ภัยด้านโครงสร้างพื้นฐาน</option>
<option>ภัยที่เกิดจากมนุษย์</option>
</select>
</td>
<td width="144">ปัจจัย</td>
<td width="211">
<select name="cname">
<option>ความแห้งแล้ง</option>
<option>น้ำท่วม</option>
<option>พายุ</option>
<option>แผ่นดินไหว</option>
<option>แผ่นดินถล่ม</option>
<option>สึนามิ</option>
</select>
</td>
</form>
</tr>
</table>
<div id="group2"></div><br/>
<div align="center">
<form id="form5" name="form5" method="post" action="">
<script>
function copyGroup1(){
var g1 = document.getElementById('group1').cloneNode(true);
document.getElementById('group2').appendChild(g1);
}
</script>
<table width="520" border="0">
<tr>
<td width="253">
<div align="right">
<table width="100" border="0">
<tr bgcolor="#82DEED">
<td>
<div align="right">
<input type="button" name="button4" id="button4" value="เพิ่มกลุ่มหัวข้อ" onclick="javascript:copyGroup1();" />
</div>
</td>
</tr>
</table>
</div>
</td>
<td width="257">
<div align="right">
<table width="100" border="0">
<tr bgcolor="#E3FAFB">
<td>
<div align="right">
<input type="button" name="button4" id="button4" value="เพิ่มปัจจัย" onclick="javascript:copyGroup1();" />
</div>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</form>
</div>
<br class="spacer" />
</div><!--right end -->
</div><!--body end -->
</body>
</html>
เวลากด "เพิ่มกลุ่มหัวช้อ" จะได้ผลไม่เหมือนช่องบนที่สามารถเลือก ปัจจัยได้ครับ
แล้วเวลากด "ปัจจัย" อยากให้ขึ้นแต่ด้านปัจจัย ด้านเพิ่มกลุ่มหัวช้อ อยากให้หายไปครับ
รบกวนผู้รู้ด้วยนะครับ....ขอบคุณครับ
ช่วยแก้ไขcodeให้หน่อยครับ
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="dropdown.js"></script>
</head>
<body>
<div id="body">
<div id="left">
<p class="menuTop"></p>
<ul class="menu">
<li><a href="index1.php">หน้าหลัก</a></li>
<li><a href="data.php">ข้อมูลผู้ใช้</a></li>
<li><a href="a.php">ฟอร์มการประเมิน</a></li>
</ul>
<p class="menuBot"></p>
<a href="index.php" class="logout">ออกจากระบบ</a>
<br class="spacer" />
</div><!--left end -->
<p> </p>
<div id="right">
<table width="704" border="0" id="group1">
<tr>
<form id="form3" name="form3" method="post" action="">
<td width="142">กลุ่มหัวข้อ</td>
<td width="189">
<select name="dep">
<option selected="selected">ภัยทางธรรมชาติ</option>
<option>ภัยทางเศรษฐกิจ</option>
<option>ภัยทางกายภาพ</option>
<option>ภัยด้านข้อมูลและระบบงาน IT</option>
<option>ภัยด้านสภาพแวดล้อม</option>
<option>ภัยด้านชื่อเสียง</option>
<option>ภัยด้านโครงสร้างพื้นฐาน</option>
<option>ภัยที่เกิดจากมนุษย์</option>
</select>
</td>
<td width="144">ปัจจัย</td>
<td width="211">
<select name="cname">
<option>ความแห้งแล้ง</option>
<option>น้ำท่วม</option>
<option>พายุ</option>
<option>แผ่นดินไหว</option>
<option>แผ่นดินถล่ม</option>
<option>สึนามิ</option>
</select>
</td>
</form>
</tr>
</table>
<div id="group2"></div><br/>
<div align="center">
<form id="form5" name="form5" method="post" action="">
<script>
function copyGroup1(){
var g1 = document.getElementById('group1').cloneNode(true);
document.getElementById('group2').appendChild(g1);
}
</script>
<table width="520" border="0">
<tr>
<td width="253">
<div align="right">
<table width="100" border="0">
<tr bgcolor="#82DEED">
<td>
<div align="right">
<input type="button" name="button4" id="button4" value="เพิ่มกลุ่มหัวข้อ" onclick="javascript:copyGroup1();" />
</div>
</td>
</tr>
</table>
</div>
</td>
<td width="257">
<div align="right">
<table width="100" border="0">
<tr bgcolor="#E3FAFB">
<td>
<div align="right">
<input type="button" name="button4" id="button4" value="เพิ่มปัจจัย" onclick="javascript:copyGroup1();" />
</div>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</form>
</div>
<br class="spacer" />
</div><!--right end -->
</div><!--body end -->
</body>
</html>
เวลากด "เพิ่มกลุ่มหัวช้อ" จะได้ผลไม่เหมือนช่องบนที่สามารถเลือก ปัจจัยได้ครับ
แล้วเวลากด "ปัจจัย" อยากให้ขึ้นแต่ด้านปัจจัย ด้านเพิ่มกลุ่มหัวช้อ อยากให้หายไปครับ
รบกวนผู้รู้ด้วยนะครับ....ขอบคุณครับ