hide show checkbox not working in IE

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • deepakraikar
    New Member
    • Mar 2010
    • 1

    hide show checkbox not working in IE

    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....

    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>
    how can i make it work in IE?????
    can i get some help...?
    Last edited by gits; Mar 11 '10, 10:48 AM. Reason: added code tags
  • gits
    Recognized Expert Moderator Expert
    • May 2007
    • 5390

    #2
    try to set display to 'block' ... instead off '' ...

    Comment

    Working...