|
|
|
ช่วยหน่อยครับ List Menu 2 ชั้น ทำงานใน IE และ Chrome แต่ไม่ทำงานใน Firefox ทำไมมันเป็นแบบนั้นครับ |
|
|
|
|
|
|
|
ช่วยหน่อยครับ List Menu 2 ชั้น ทำงานใน IE และ Chrome แต่ไม่ทำงานใน Firefox ทำไมมันเป็นแบบนั้นครับ
Download ฐานข้อมูล คลิกที่นี่
Code (PHP) โค้ดต้นแบบ
<?php
/*** By Weerachai Nukitram ***/
/*** http://www.ThaiCreate.Com ***/
$objConnect = mysql_connect("localhost","root","admin") or die("Error Connect to Database");
$objDB = mysql_select_db("job");
@mysql_query("SET NAMES UTF8");
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>ThaiCreate.Com ListMenu</title>
<script language = "JavaScript">
//**** List sub_work_cate ชั้นที่ 1 (Start) ***//
function list_sub_work_cate(SelectValue)
{
checkForm.subcatalog.length = 0
//*** Insert null Default Value ***//
var myOption = new Option('','')
checkForm.subcatalog.options[checkForm.subcatalog.length]= myOption
<?
$intRows = 0;
$strSQL = "SELECT * FROM sub_work_cate ORDER BY id ASC ";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
$intRows = 0;
while($objResult = mysql_fetch_array($objQuery))
{
$intRows++;
?>
x = <?=$intRows;?>;
mySubList = new Array();
strGroup = <?=$objResult["cate_id"];?>;
strValue = "<?=$objResult["id"];?>";
strItem = "<?=$objResult["sub_name"];?>";
mySubList[x,0] = strItem;
mySubList[x,1] = strGroup;
mySubList[x,2] = strValue;
if (mySubList[x,1] == SelectValue){
var myOption = new Option(mySubList[x,0], mySubList[x,2])
checkForm.subcatalog.options[checkForm.subcatalog.length]= myOption
}
<?
}
?>
}
//**** List sub_work_cate ชั้นที่ 1 (End) ***//
</script>
</head>
<body>
<form action="" method="post" enctype="multipart/form-data" name ="checkForm" id="checkForm" onsubmit="return check1()">
<select id="catalog" name="catalog" onchange = "list_sub_work_cate(this.value)" style="width:200px">
<option selected="selected" value="">- กรุณาเลือกประเภทงาน -</option>
<?
$strSQL = "SELECT * FROM work_cate ORDER BY id ASC ";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
while($objResult = mysql_fetch_array($objQuery)){
?>
<option value="<?=$objResult["id"];?>"><?=$objResult["cate"];?></option>
<? } ?>
</select>
<select id="subcatalog" name="subcatalog" style="width:175px"></select>
</form>
</body>
</html>
<?
mysql_close($objConnect);
?>
.
Code (PHP) ที่นำมาประยุกต์ใช้
<?
$objConnect = mysql_connect("localhost","root","admin") or die("Error Connect to Database");
$objDB = mysql_select_db("job");
@mysql_query("SET NAMES UTF8");
?>
<!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>
<script language = "JavaScript">
//**** List sub_work_cate ชั้นที่ 1 (Start) ***//
function list_sub_work_cate(SelectValue)
{
checkForm.subcatalog.length = 0
//*** Insert null Default Value ***//
var myOption = new Option('','')
checkForm.subcatalog.options[checkForm.subcatalog.length]= myOption
<?
$intRows = 0;
$strSQL = "SELECT * FROM sub_work_cate ORDER BY id ASC ";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
$intRows = 0;
while($objResult = mysql_fetch_array($objQuery))
{
$intRows++;
?>
x = <?=$intRows;?>;
mySubList = new Array();
strGroup = <?=$objResult["cate_id"];?>;
strValue = "<?=$objResult["id"];?>";
strItem = "<?=$objResult["sub_name"];?>";
mySubList[x,0] = strItem;
mySubList[x,1] = strGroup;
mySubList[x,2] = strValue;
if (mySubList[x,1] == SelectValue){
var myOption = new Option(mySubList[x,0], mySubList[x,2])
checkForm.subcatalog.options[checkForm.subcatalog.length]= myOption
}
<?
}
?>
}
//**** List sub_work_cate ชั้นที่ 1 (End) ***//
</script>
</head>
<body>
<table width="580" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" bgcolor="#A6FFA6"> <font size="2" color="#FF6600"><strong>รายละเอียดตำแหน่งงาน</strong></font></td>
</tr>
<tr>
<td>
<form action="" method="post" enctype="multipart/form-data" name ="checkForm" id="checkForm" onsubmit="return check1()">
<table width="580" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="170" align="left" bgcolor="#D9FFD9"> <img src="../images/icon_webboard.gif" width="9" height="10" /> <font size="2">หมวดหมู่อาชีพ</font></td>
<td width="10"> </td>
<td width="400" align="left">
<select id="catalog" name="catalog" onchange = "list_sub_work_cate(this.value)" style="width:200px">
<option selected="selected" value="">- กรุณาเลือกประเภทงาน -</option>
<?
$strSQL = "SELECT * FROM work_cate ORDER BY id ASC ";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
while($objResult = mysql_fetch_array($objQuery)){
?>
<option value="<?=$objResult["id"];?>"><?=$objResult["cate"];?></option>
<? } ?>
</select>
<select id="subcatalog" name="subcatalog" style="width:175px"></select> <font size="2">*</font></td>
</tr>
<tr>
<td width="170" align="left" bgcolor="#D9FFD9"> <img src="../images/icon_webboard.gif" width="9" height="10" /><font size="2"> ตำแหน่งที่รับสมัคร</font></td>
<td width="10"> </td>
<td width="400" align="left"><font size="2">
<input name="position" type="text" id="position" size="25" />
จำนวน
<input name="n_position" type="text" id="n_position" size="5" />
ตำแหน่ง *</font></td>
</tr>
<tr>
<td width="170" align="left" bgcolor="#D9FFD9"> <img src="../images/icon_webboard.gif" width="9" height="10" /><font size="2"> ประเภทงาน</font></td>
<td width="10"> </td>
<td width="400" align="left"><font size="2">
<input name="c1" type="checkbox" id="c1" value="1" checked="checked" />
งานประจำ
<input name="c2" type="checkbox" id="c2" value="1" />
งานชั่วคราว
<input name="c3" type="checkbox" id="c3" value="1" />
งานนอกเวลา *</font></td>
</tr>
<tr>
<td width="170" align="left" valign="top" bgcolor="#D9FFD9"> <img src="../images/icon_webboard.gif" width="9" height="10" /><font size="2"> ลักษณะงาน/หน้าที่ <br />
ที่ต้องรับผิดชอบ</font></td>
<td width="10"> </td>
<td width="400" align="left"><font size="2">
<textarea name="respons" cols="50" rows="5" id="respons"></textarea>
*</font></td>
</tr>
<tr>
<td width="170" align="left" valign="top" bgcolor="#D9FFD9"> <img src="../images/icon_webboard.gif" width="9" height="10" /> <font size="2">สวัสดิการ</font> </td>
<td width="10"> </td>
<td width="400" align="left"><font size="2">
<input name="w1" type="checkbox" id="w1" value="1" checked="checked" />
ประกันสังคม
<input name="w2" type="checkbox" id="w2" value="1" />
โบนัส
<input name="w3" type="checkbox" id="w3" value="1" />
เบี้ยขยัน
<input name="w4" type="checkbox" id="w4" value="1" />
ค่าคอมมิชชั่น<br />
<input name="w5" type="checkbox" id="w5" value="1" />
ค่าล่วงเวลา
<input name="w6" type="checkbox" id="w6" value="1" />
ค่าอาหาร
<input name="w7" type="checkbox" id="w7" value="1" />
ค่าเดินทาง
<input name="w8" type="checkbox" id="w8" value="1" />
ชุดพนักงาน <br />
<input name="w9" type="checkbox" id="w9" value="1" />
สวัสดิการอื่นๆ
<input name="w9_1" type="text" id="w9_1" size="35" maxlength="80" />
*</font></td>
</tr>
<tr>
<td width="170" align="left" bgcolor="#D9FFD9"> <img src="../images/icon_webboard.gif" width="9" height="10" /><font size="2"> เพศ อายุ</font></td>
<td width="10"> </td>
<td width="400" align="left"><font size="2">เพศ
<input name="male" type="checkbox" id="male" value="1" checked="checked" />
ชาย
<input name="female" type="checkbox" id="female" value="1" checked="checked" />
หญิง * อายุ
<input name="s_age" type="text" id="s_age" size="2" maxlength="2" />
ปี *(ขึ้นไป) ถึง
<input name="f_age" type="text" id="f_age" size="2" maxlength="2" />
ปี *</font></td>
</tr>
<tr>
<td width="170" align="left" bgcolor="#D9FFD9"> <img src="../images/icon_webboard.gif" width="9" height="10" /><font size="2"> วุติการศึกษา</font></td>
<td width="10"> </td>
<td width="400" align="left"><font size="2">วุติการศึกษา
<select name="edu" id="edu">
<option value="7" selected="selected">ไม่จำกัด</option>
<option value="1">ต่ำกว่ามัธยมศึกษา</option>
<option value="2">ปวช./มัธยมศึกษา</option>
<option value="3">ปวส.</option>
<option value="4">ปริญญาตรี</option>
<option value="5">ปริญญาโท</option>
<option value="6">ปริญญาเอก</option>
</select>
* </font></td>
</tr>
<tr>
<td width="170" align="left" bgcolor="#D9FFD9"> <img src="../images/icon_webboard.gif" width="9" height="10" /><font size="2"> สาขาวิชา</font></td>
<td width="10"> </td>
<td width="400" align="left"><font size="2"> สาขา
<input name="major" type="text" id="major" size="20" maxlength="80" />
<input name="major_invol" type="checkbox" id="major_invol" value="1" />
หรือสาขาที่เกี่ยวข้อง </font></td>
</tr>
<tr>
<td width="170" align="left" bgcolor="#D9FFD9"> <img src="../images/icon_webboard.gif" width="9" height="10" /><font size="2"> ประสบการณ์</font></td>
<td width="10"> </td>
<td width="400" align="left"><font size="2">ประสบการณ์การทำงาน
<select name="experience" id="experience">
<option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
</select>
ปี ขึ้นไป *</font></td>
</tr>
<tr>
<td width="170" align="left" bgcolor="#D9FFD9"> <img src="../images/icon_webboard.gif" width="9" height="10" /><font size="2"> คุณสมบัติอื่นๆ</font></td>
<td width="10"> </td>
<td width="400" align="left"><font size="2">1.
<input name="p1" type="text" id="p1" size="50" maxlength="100" />
</font></td>
</tr>
<tr>
<td width="170" align="left" bgcolor="#D9FFD9"> </td>
<td width="10"> </td>
<td align="left"><font size="2">2.
<input name="p2" type="text" id="p2" size="50" maxlength="100" />
</font></td>
</tr>
<tr>
<td width="170" align="left" bgcolor="#D9FFD9"> </td>
<td width="10"> </td>
<td align="left"><font size="2">3.
<input name="p3" type="text" id="p3" size="50" maxlength="100" />
</font></td>
</tr>
<tr>
<td width="170" align="left" bgcolor="#D9FFD9"> </td>
<td width="10"> </td>
<td align="left"><font size="2">4.
<input name="p4" type="text" id="p4" size="50" maxlength="100" />
</font></td>
</tr>
<tr>
<td width="170" align="left" bgcolor="#D9FFD9"> </td>
<td width="10"> </td>
<td align="left"><font size="2">5.
<input name="p5" type="text" id="p5" size="50" maxlength="100" />
</font></td>
</tr>
<tr>
<td width="170" align="left" bgcolor="#D9FFD9"> <img src="../images/icon_webboard.gif" width="9" height="10" /><font size="2"> ระดับเงินเดือน</font></td>
<td width="10"> </td>
<td align="left"><font size="2">
<select name="salary" id="salary">
<option value="1" selected="selected">ไม่ระบุ</option>
<option value="2">น้อยกว่า 5,000</option>
<option value="3">5,001 - 6,000</option>
<option value="4">6,001 - 7,000</option>
<option value="5">7,001 - 8,000</option>
<option value="6">8,001 - 9,000</option>
<option value="7">9,001 - 10,000</option>
<option value="8">10,001 - 12,000</option>
<option value="9">12,001 - 15,000</option>
<option value="10">15,001 - 20,000</option>
<option value="11">20,001 - 30,000</option>
<option value="12">มากกว่า 30,000</option>
</select>
*</font></td>
</tr>
<tr>
<td width="170" align="left" bgcolor="#D9FFD9"> <img src="../images/icon_webboard.gif" width="9" height="10" /><font size="2"> สถานที่ปฏิบัติงาน</font></td>
<td width="10"> </td>
<td align="left"><font size="2">
<input name="workshop" type="radio" id="workshop" value="1" checked="checked" />
ตามที่อยู่บริษัท หรือ
<input name="workshop" type="radio" id="workshop" value="2" />
ที่อื่น
<input name="work_other" type="text" id="work_other" size="25" maxlength="100" />
*</font></td>
</tr>
<tr>
<td width="170" align="left" valign="top" bgcolor="#D9FFD9"> <img src="../images/icon_webboard.gif" width="9" height="10" /><font size="2"> วิธีสมัครงาน</font></td>
<td width="10"> </td>
<td align="left"><font size="2">
<input name="app1" type="checkbox" id="app1" value="1" checked="checked" />
ส่งใบสมัครผ่านเว็บไซต์นี้
<input name="app2" type="checkbox" id="app2" value="1" />
สมัครด้วยตนเองตามที่อยู่บริษัท <br />
<input name="app3" type="checkbox" id="app3" value="1" />
ส่งใบสมัครทางอีเมล *</font></td>
</tr>
<tr>
<td colspan="3" align="right"><input type="hidden" name="type_id" id="type_id" value="<?=$r1[1];?>" />
<input type="submit" name="Submit" value="บันทึกข้อมูล" /></td>
</tr>
</table></form></td>
</tr>
</table>
</body>
</html>
Tag : PHP, MySQL, JavaScript
|
ประวัติการแก้ไข 2011-10-10 11:40:47 2011-10-10 12:21:46
|
|
|
|
|
Date :
2011-10-10 11:38:48 |
By :
เดกอ่อนหัด |
View :
1107 |
Reply :
12 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
โค้ดเหมือนกัน แต่อันที่เป็นต้นเบบเลือกหมวดงานย่อยได้
แต่โค้ดที่นำมาประยุกต์ใช้ เลือกหมวดงานย่อยไม่ได้ครับ
ทำไมมันเป็นเช่นนี้ แล้วเป็นเฉพาะ firefox เท่านั้นนะครับ
ขอท่านผู้รู้ช่วยหน่อยนะครับ ผมงมมานานแล้วครับ หาที่แก้ไม่ได้ ซักที
|
|
|
|
|
Date :
2011-10-10 12:24:05 |
By :
เดกอ่อนหัด |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
เปลี่ยนการอ้างอิงจาก
checkForm.subcatalog.length = 0
เป็น
document.getElementById('subcatalog').length;
ทุกตัวควรเป็น document.getElementById('ไอดี')
ลองดูครับ
|
|
|
|
|
Date :
2011-10-10 13:03:24 |
By :
ไวยวิทย์ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ไม่มีใครช่วยผมได้เลยหรอครับ
|
|
|
|
|
Date :
2011-10-10 13:57:16 |
By :
เดกอ่อนหัด |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
มันมีแต่ new Option ไม่มีลบ Option หรือเปล่า
|
|
|
|
|
Date :
2011-10-10 14:02:32 |
By :
ikikkok |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
แล้วต้องลบ Option ยังไง อ่ะครับ
|
|
|
|
|
Date :
2011-10-10 15:00:15 |
By :
เดกอ่อนหัด |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
เฮ้อ ปลง ตั้งแต่เช้ายังไม่ได้เลย ปวดหัวมากครับ ช่วยผมทีนะครับ
|
|
|
|
|
Date :
2011-10-10 16:05:48 |
By :
เดกอ่อนหัด |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
เช้ายันค่ำ ช่วยผมหน่อยครับ
|
|
|
|
|
Date :
2011-10-10 19:29:23 |
By :
เดกอ่อนหัด |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ใจเย็นๆ ครับท่าน ขอผมทำใจก่อน โค๊ดยาว
|
|
|
|
|
Date :
2011-10-10 19:45:47 |
By :
ikikkok |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ผ่านมาอีกวัน ตื่นมา งม แล้ว งม อีก ยังไม่ได้เหมือนเดิม
|
|
|
|
|
Date :
2011-10-11 08:45:50 |
By :
เดกอ่อนหัด |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ตรง document.getElementById('subcatalog').length;
เปลี่ยนเป็น document.getElementById('subcatalog').length = 0 ; ก็น่าจะได้หน่ะครับ คุณไม่ได้ใส่ = 0 ไป
|
|
|
|
|
Date :
2011-10-11 09:18:59 |
By :
ไวยวิทย์ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 00
|