javascript input if then display

[kamehameha]

Hi guys! me again.
Have a question about javascript (still a newbie).
I need to make a div to display (block or none) depending on the input.

Example: if the input = 1 then display the next div to be none, but if the input = 2 then display the next div to be block.

Any help is again greatly appreciated!

[kamehameha]

Anybody?

[Obsidian86]

Just apply an event listener to the input field.

[kamehameha]

Kindly, could you explain how this is done?

[Obsidian86]

Are you using any additional libraries, like Jquery?

[kamehameha]

yes I am

[<b>]

Are you referring to something as simple as this?

http://sanpitch.com/junk/gd_forum_example.html

[kamehameha]

ooooooooooo I think that may work. I'll have to play around with it. Thanks <b>!

[kamehameha]

hmmmm actually I will need that type of function but on an input text box.

My predicament is that the way my client's web page is built, it does some kind of crazy calculations based on a spreadsheet that has been converted/processed into an html page
So this function needs to be something like type a "1" or a "2" (because that actually affects the calculations) a "1" would not display the next div and a "2" would.

If it were my choice, I'd just rebuild the whole page, but unfortunately I need to make the least amount of changes as possible so that it doesn't affect the calculations......

[Obsidian86]

Are you talking about something like this?
Don't have an example of what it does on hand, but it should be self explanatory. I'm not sure how many options you need, but you can add more case statements if you need more.

HTML elements

<input type='text' class='tb'/>
<div class='dv'>asldkjlkj</div>

SCRIPT



$(".tb").keyup( function(){
tbd = $(".tb").val();

switch(tbd){
case "1":
$(".dv").css('display', "block");
break;
case "2":
$(".dv").css('display', "block");
break;
default:
$(".dv").css('display', "none");
}

});