i have done a working code of visiblity of checkboxes depending upon the drop dwon selection...... .it works fine with mozilla but its not working with the internet explorer......
my javascript code....
my HTML code...
how can i make it work in IE?????
can i get some help...?
my javascript code....
Code:
function showtr(show)
{
document.getElementById(show).style.display = '';
}
function hidetr(hide)
{
document.getElementById(hide).style.display = 'none';
}
my HTML code...
Code:
<td><select name="jumpMenu" id="jumpMenu">
<option selected="selected">-</option>
<option onClick="showtr('one'); showtr('two'); showtr('three'); showtr('four'); hidetr('five');">Goa</option>
<option onClick="hidetr('one'); hidetr('two'); hidetr('three'); hidetr('four'); showtr('five');">Karnataka</option>
</select>
</td>
<td>
<table border="0">
<tr id="one" style="display:none;">
<td>
<input type="checkbox" name="FieldData3" value="mpanjim" maxlength="100" size="30" id="name1" /></td>
<td class="cooltd"><label for="name1">Message To Panjim</label></td>
</tr>
<tr id="two" style="display:none;">
<td><input type="checkbox" name="FieldData5" value="mmargao" maxlength="100" size="30" id="name2" /></td>
<td class="cooltd"><label for="name2">Message to Margao</label></td>
</tr>
<tr id="three" style="display:none;">
<td><input type="checkbox" name="FieldData7" value="mvasco" maxlength="100" size="30" id="name3" /></td>
<td class="cooltd"><label for="name3">Message to Vasco</label></td>
</tr>
<tr id="four" style="display:none;">
<td><input type="checkbox" name="FieldData7" value="mponda" maxlength="100" size="30" id="name3" /></td>
<td class="cooltd"><label for="name3">Message to Ponda</label></td>
</tr>
<tr id="five" style="display:none;">
<td>
<input type="checkbox" name="FieldData11" value="mhubli" maxlength="100" size="30" id="name5" />
</td>
<td class="cooltd"><label for="name5">Message To Hubli</label></td>
</tr>
can i get some help...?
Comment