Forum: Ruby on Rails Help Radio button

Posted by NN Dodhia (Guest)
on 2013-03-02 18:34
(Received via mailing list)
Hi i'm fairly new to ruby on rails and i'm creating a form using
simple_form and in one bit i have radio buttons and say i have 3 buttons
a,b,c so i want it to be if a is pressed then certain text fields show, 
and
if b is pressed a different set of text fields show and similarly for c.
Can anyone help me on this?
Posted by Colin Law (Guest)
on 2013-03-02 21:47
(Received via mailing list)
On 2 March 2013 16:20, NN Dodhia <aca10nnd@sheffield.ac.uk> wrote:
> Hi i'm fairly new to ruby on rails and i'm creating a form using simple_form
> and in one bit i have radio buttons and say i have 3 buttons a,b,c so i want
> it to be if a is pressed then certain text fields show, and if b is pressed
> a different set of text fields show and similarly for c. Can anyone help me
> on this?

You will probably want to use javascript for this, quite possibly
jQuery.  Have a look for some tutorials.

Colin
Posted by Walter Davis (walterdavis)
on 2013-03-02 23:19
(Received via mailing list)
On Mar 2, 2013, at 11:20 AM, NN Dodhia wrote:

> Hi i'm fairly new to ruby on rails and i'm creating a form using simple_form and 
in one bit i have radio buttons and say i have 3 buttons a,b,c so i want it to be 
if a is pressed then certain text fields show, and if b is pressed a different set 
of text fields show and similarly for c. Can anyone help me on this?

This is a JavaScript thing, not really specific to Rails. 
Coincidentally, I just made this sort of behavior in a Drupal site this 
morning. For this form, there were fields that made sense for postal 
mail subscribers that did not make sense for email subscribers. So I 
added a classname to each of the field wrappers -- either 'postal' or 
'email' and used that to make my behavior work:

http://jsfiddle.net/rk3vw/3/

This is using Prototype, I am sure you can use jQuery or "vanilla" 
JavaScript if that's your thing.

Walter
Posted by Gautam Pai (Guest)
on 2013-03-03 08:43
(Received via mailing list)
Maybe you can look at these screencasts and learn how to dynamically add
form elements using javascript and then adapt it for your case as 
needed.

http://railscasts.com/episodes/196-nested-model-form-part-1
http://railscasts.com/episodes/197-nested-model-form-part-2
http://railscasts.com/episodes/196-nested-model-form-revised
Please log in before posting. Registration is free and takes only a minute.
Existing account (Switch to SSL-encrypted connection)
NEW: Do you have a Google/GoogleMail or Yahoo account? No registration required!
Log in with Google account | Log in with Yahoo account
No account? Register here.