dynamic table that changed upon dropdown list item change
Posted: Mon Oct 11, 2010 1:23 am
Hello programmers ,
i wanna ur help in making a drop down list that changes whole html table dynamically below it via javascript ??
i ll be very grate full to you...
here is the html code of drop down list n table:
<b>Type Of Service:</b>
<select name="select" id="type" onchange="ChangeList();">
<option value="RW" selected="selected">Resume Writing</option>
<option value="RE">Resume Editing</option>
<option value="CVW">CV Writing</option>
<option value="CVE">CV Editing</option>
<option value="R+CVW">Package: Resume + CV Writing</option>
<option value="R+COL">Package: Resume + Cover Letter Writing</option>
<option value="COW">Cover Letter Writing</option>
<option value="CV+COW">Package: CV + Cover Letter Writing</option>
<option value="R+CO+TKL">Full Package: Resume + Cover Letter + Thank-you/Follow-up Letters</option>
<option value="CV+CO+TKL">Full Package: CV + Cover Letter + Thank-you/Follow-up Letters</option>
<option value="R/CVR">Resume/CV Review</option>
</select>
<table border="1" id="tbl" align="center">
<tbody id="ttbody">
<tr>
<th scope="col">Days</th>
<th scope="col">Entry</th>
<th scope="col">Professional</th>
<th scope="col">Carrer Change </th>
<th scope="col">Executive</th>
<th scope="col">Military</th>
<th scope="col">Federal</th>
</tr>
<tr>
<td><b>5</b></td>
<td>$ 89.95 </td>
<td>$ 94.95</td>
<td>$ 94.95</td>
<td>$ 104.95 </td>
<td>$ 94.95 </td>
<td>$ 104.95 </td>
</tr>
<tr>
<td><b>3</b></td>
<td>$ 94.95 </td>
<td>$ 99.95 </td>
<td>$ 99.95 </td>
<td>$ 109.95 </td>
<td>$ 99.95 </td>
<td> $ 109.95 </td>
</tr>
<tr>
<td><b>48 hrz</b></td>
<td>$ 99.95 </td>
<td>$ 104.95 </td>
<td>$ 104.95 </td>
<td>$ 114.95 </td>
<td>$ 104.95 </td>
<td><?php </td>
</tr>
</tbody>
</table>
i wanna ur help in making a drop down list that changes whole html table dynamically below it via javascript ??
i ll be very grate full to you...
here is the html code of drop down list n table:
<b>Type Of Service:</b>
<select name="select" id="type" onchange="ChangeList();">
<option value="RW" selected="selected">Resume Writing</option>
<option value="RE">Resume Editing</option>
<option value="CVW">CV Writing</option>
<option value="CVE">CV Editing</option>
<option value="R+CVW">Package: Resume + CV Writing</option>
<option value="R+COL">Package: Resume + Cover Letter Writing</option>
<option value="COW">Cover Letter Writing</option>
<option value="CV+COW">Package: CV + Cover Letter Writing</option>
<option value="R+CO+TKL">Full Package: Resume + Cover Letter + Thank-you/Follow-up Letters</option>
<option value="CV+CO+TKL">Full Package: CV + Cover Letter + Thank-you/Follow-up Letters</option>
<option value="R/CVR">Resume/CV Review</option>
</select>
<table border="1" id="tbl" align="center">
<tbody id="ttbody">
<tr>
<th scope="col">Days</th>
<th scope="col">Entry</th>
<th scope="col">Professional</th>
<th scope="col">Carrer Change </th>
<th scope="col">Executive</th>
<th scope="col">Military</th>
<th scope="col">Federal</th>
</tr>
<tr>
<td><b>5</b></td>
<td>$ 89.95 </td>
<td>$ 94.95</td>
<td>$ 94.95</td>
<td>$ 104.95 </td>
<td>$ 94.95 </td>
<td>$ 104.95 </td>
</tr>
<tr>
<td><b>3</b></td>
<td>$ 94.95 </td>
<td>$ 99.95 </td>
<td>$ 99.95 </td>
<td>$ 109.95 </td>
<td>$ 99.95 </td>
<td> $ 109.95 </td>
</tr>
<tr>
<td><b>48 hrz</b></td>
<td>$ 99.95 </td>
<td>$ 104.95 </td>
<td>$ 104.95 </td>
<td>$ 114.95 </td>
<td>$ 104.95 </td>
<td><?php </td>
</tr>
</tbody>
</table>