How do i populate a textbox from a radio button? 1

[chdavisjr]

I've had a complete brain shut-down today. Any and all help would be appreciated on this "sorta" urgent problem!

I have 2 radio buttons and a text box. Here is a very simplized version of my problem.

If I click Option 1 I want the value "Red" in the text box.
If I click Option 2 I want the word "Blue" in the text box.
(for example)

() Option 1
() Option 2

You selected the color: [_________]

The form starts out blank, until the user selects one of the 2 radio buttons. As soon as they click their choice (Using, I am sure the JavaScript attribute: OnClick() can be used to assign the textbox value.
I am sure the solution is of the form:

<Form name=form1>
<input type=radio name=radio1 value="red"
    onClick="form1.color.value="red"> Option 1
<BR>
<input type=radio name=radio1 value="blue"
    onClick="form1.color.value="blue"> Option 2
<BR>
You select the color: <input type=text value="">
<BR>
</form>

Thanks,
Chalmers

 

[tigerjade]

you're very close; i'd do it this way:

<script language='javascript'>
   function showColor(param) {
      document.formName.textField.value = param;
   }
</script>

then, in the radio buttons:

<input type='radio' name='radio1' value='one' onclick='showColor("red");'>Red<br />
<input type='radio' name='radio1' value='two' onclick='showColor("blue");'>Blue

Always code as if the person who ends up maintaining your code will be a violent psychopath who knows where you live. -- Martin Golding

 

[chdavisjr]

Thank you, tigerjade!

I just "found" the solution!
Here is what I did:

<form name=form1>
<input type=radio name=radio1 value="red" onClick="form1.color.value='red'"> Option 1
<BR>
<input type=radio name=radio1 value="blue" onClick="form1.color.value='blue'"> Option 2
<BR>
You select the color: <input name=color type=text value="">
<BR>
</form>

I had quotes (["]) within quotes (["])!!
Is there an advantage (or disadvantage) as to whether I use a function as opposed to using the javascript attribute, as I did?
Thanks again!
Chalmers

 

[tigerjade]

congrats, chalmers! the only advantage is that you can reuse the function elsewhere, and it allows you to be a bit lazier in typing. i thoroughly subscribe to the policy of conserving finger energy wherever possible

tigerjade

Always code as if the person who ends up maintaining your code will be a violent psychopath who knows where you live. -- Martin Golding

 

[chdavisjr]

Thank you much, Martin, for your fast replies.
I can always depend on the members of Tek-Tips to provide help when it is needed!

Good point about "reusablility"!
Chalmers