<script type="text/javascript">
function show_form(selct_value){
var div = document.getElementById("forms");
var form = div.getElementsByTagName("form");
for (var i = 0; i < form.length; i++) {
form[i].style.display = "none";
}
document.getElementById(selct_value+"_form").style.display = "block";
}
</script>
<select onchange="show_form(this.value)">
<option selected="selected">Select</option>
<option value="work_ex">Work Experience</option>
</select>
<form method="post" id="work_ex_form" style="display:none" action="insert_job_code.php">
<table align="center" cellpadding="2" cellspacing="2" border="2">
<tr>
<td align="center"><strong>Minimum Experience</strong></td>
<td align="center"><strong>Maximum Experience</strong></td>
</tr>
<tr>
<td><input type="text" name="mini_ex" value=""/></td>
<td><input type="text" name="maxi_ex" value=""/></td>
</tr>
<tr>
<td align="center" colspan="3"><input type="submit" name="work_ex" value="Submit" /> </td>
</tr>
</table>
</form>
