Home/ Questions/Q 8036155
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T02:31:27+00:00

hey i would like to show an table when user fills an input. What

  • 0

hey i would like to show an table when user fills an input.

What I have is:

in <head> section:

<script type="text/javascript">

//hide initially    
$("table#mytable").hide();

// show function
function showit() {
$("table#mytable").show();
}
</script>

and the table:

<table id="mytable"><tr><td>FOO</td><td>BAR</td></tr></table>

and a form below(maybe it is important) the table:

<form action="foobar.php">
<input name="example" onselect="showit()" />
<input type="submit" value="Send" />
</form>

I think onselect isn’t perfect but it should do the thing in my case.

The code above doesn’t hide the table at all. I don’t know what I did wrong. Hope some1 can find a mistake – thank you.

EDIT

here is the solution:

head:

<script type="text/javascript">
function show(id) {
    document.getElementById(id).style.display = 'block';
}
</script>

and in every element to hide just add style="display: none;" and edit input – add onkeyup="show('id') where id is id of element to hide e.g. #mytable

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The reason it isn’t working is because you are calling the javascript before the table element is rendered. There are three ways of doing this:

    // Use CSS (best):
<table style="display:none;" id="mytable">...</table>

    or 

    // Using DOM Load event (wait for all of the elements to render) (second best)
$(function() { $("table#mytable").hide(); });

    or

    // Put your javascript at the bottom of the page instead of the head. (not preferred)
    • 0