Show/Hide TextBox when dropdown selected

Hello,

I have a dropdown select (option 1, option 2 and option 3), when i select one of the options i would like a textbox to appear with a label for that option.
How can this be accomplished?
Thank you.

 

This is possible using jquery to appear an text box when you select any option.

 

jquery can help you out , try searching for jquery tabs or accordion , it will help you out in what you may require

 

CSS

#message1,
#message2 {
    display: none;
}

Code (markup):

HTML

<div id="message1">Option 1 is selected, woot!</div>
<div id="message2">Option 1 is selected, woot!</div>

<select name="dropdown" id="dropdown">
    <option value=""></option>
    <option value="1">1</option>
    <option value="2">2</option>
</select>

Code (markup):

JQuery

$(document).ready(function() {
    $('#dropdown').change(function() {
        dropdown = $('#dropdown').val();

        $('message1').hide();
        $('message2').hide();

        if (dropdown == '1')
        {
           $('message1').show();
        }

        if (dropdown == '2')
        {
           $('message2').show();
        }
    });
});

Code (markup):

 

Thanks you very much !

 

Thank you very much for helping me finding the answer.I'll use it for my next magento themes