Add drop down options after radio button click

hust6

I created a form using html, but am having trouble with one issue.

If I user clicks "no" on one of my radio buttons, I want a drop down
selection to appear next to it to display several "reasons" as to why
they chose "no".

How can I implement this?

Thanks in advance for the help!

Jun 13 '06 #1

Subscribe Reply

2490

Jim

Here you go :
<body >
<form name="myform" action="" method="get">
Would You Buy Our Product?
<input type="radio" name="purchase" value="yes"
onClick="document.forms[0].elements['reasons'].style.display='none'"/>
Yes
<input type="radio" name="purchase" value="no"
onClick="document.forms[0].elements['reasons'].style.display='inline'"/>
No
<select name="reasons" style="display:none" >
<option value="" selected>Please Tell Us Why You Answered 'No'</option>
<option value="not interested">Not Interested</option>
<option value="haveonealready">Have one Already</option>
<option value="tooexpensive">Too Expensive</option>
</select>
<br/><br/>
<input type="submit" value="Submit"/>
<input type="reset" value="Reset"/>
</form>
</body>

Jun 14 '06 #2

hust6

That is exactly what I was looking for.

Thanks a ton!

Jim wrote:

Here you go :
<body >
<form name="myform" action="" method="get">
Would You Buy Our Product?
<input type="radio" name="purchase" value="yes"
onClick="document.forms[0].elements['reasons'].style.display='none'"/>
Yes
<input type="radio" name="purchase" value="no"
onClick="document.forms[0].elements['reasons'].style.display='inline'"/>
No
<select name="reasons" style="display:none" >
<option value="" selected>Please Tell Us Why You Answered 'No'</option>
<option value="not interested">Not Interested</option>
<option value="haveonealready">Have one Already</option>
<option value="tooexpensive">Too Expensive</option>
</select>
<br/><br/>
<input type="submit" value="Submit"/>
<input type="reset" value="Reset"/>
</form>
</body>

Jun 14 '06 #3

the DtTvB

Jim wrote:

<input type="radio" name="purchase" value="yes"
onClick="document.forms[0].elements['reasons'].style.display='none'"/>

If there are any forms before that form, that script won't work.
Try "this.form" instead of "document.forms[0]"

Jun 14 '06 #4

Similar topics

23283

Limiting the number of options shown in a <select> drop down menu.

by: Darren | last post by:

Please Help Me!! I've created a typical <form> and a <select> element. The options are created dynamically from my access database (using asp). There are about 70 options, and when you click...

HTML / CSS

2443

drop down box not working in FireFox when on DIV

by: tpaulson | last post by:

I have a couple of DIV's that I hide/display based on radio buttons. On the DIV's, I have multiple drop down boxes. The source shows that they are populated, but I can't make them drop down. Only...

Javascript

2618

How to prevent auto redirect of drop down menu?

by: vinceboy | last post by:

Hi..guys!I have a drop down menu with javascript null validation.However,instead of clicking submit button,it will immediately auto redirect after option was selected.Is it possible to prevent this...

Javascript

1878

controlling options in a drop down box

by: bbcline | last post by:

Hi all, I'm a newbie to the forum and a Javascript beginner, I'd appreciate some help with a drop down box issue. Is it possble to limit the options/attributes in a drop down box based on how the...

Javascript

9256

how to enable radio button in onchange of a drop down

by: ajaymohank | last post by:

Hello Friends....... in my project i am having a dropdown and based on the values selected from the dropdown, i have to enable 2 radio button. in the on change function of drop down i have written...

Javascript

6967

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

7181

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

7349

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

5442

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

4874

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

Microsoft Access / VBA

4565

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...

C# / C Sharp

3076

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The...

Networking - Hardware / Configuration

1381

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated ...

C# / C Sharp

267

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence...

General