How to display an input text in front of a radio button after a click

Forum Moderators: open

Message Too Old, No Replies

How to display an input text in front of a radio button after a click

dbarasuk

4:32 pm on Apr 22, 2011 (gmt 0)

Hi all,
I have a radio button. I would like to display an input of type text in front of it after a single click on that radio button.

I have written a small function that i placed in the head of the page and called it in an onClick event handler of the radio button but it is directing me to the same page with that input of type text but without the rest of the page content. What can I do to keep the rest of the content on this page?

Here is the function placed in <head>
</head> tags:

<script type="text/javascript" >
function echoText(){
document.write("<input type='text' size='14' name='paycheque' />");
return false;
}
</script>

rocknbil

6:02 pm on Apr 22, 2011 (gmt 0)

Because when you document.write, you're rewriting over the whole document. You **could** replace the contents of a div with your write using innerHTML (or similar,) but you shouldn't do it this way. Start with the text block in place. Set it's display to none. Then use Javascript to change the display to inline or block.

If you're concerned about your server side script reacting differently because in some cases the form element simply won't be present, just check it's value

if (isset($_POST['paycheque']) and ! empty($_POST['paycheque'])) {
// do something with this value
}

dbarasuk

3:23 pm on Apr 23, 2011 (gmt 0)

Hi rocknbil,
Can you please write some Javascript code to show me how to do that task you suggest?
Thanks

dbarasuk

4:10 pm on Apr 23, 2011 (gmt 0)

For someone who has used gmail.com, what i mean is like when someone clicks the "Add More Files" when attaching files. If you click that button one sees a list of file input under on his email page.