Displaying conditional Fields in HTML Using A Form Select Menu

Question

I am trying to get my page to display different form elements depending on which option is selected from the select menu but i can not get it to work for me

my HTML is

 <h3>Register For General Admission</h3>

<form action="GeneralRegister" method="POST" style="text-align:center">
Type Of Ticket: <select name="typeofticket" size="1" id="generalAdmissionList">
    <option value="1"></option>
    <option value="1">General Admission</option>
    <option value="1">General Admission School</option>
</select>
<br>
<div id="1">
    <!--for general admission-->
    First name:
    <input type="text" name="firstname">
    <br>Last name:
    <input type="text" name="lastname">
    <br>
</div>
<div id="2">
    <!--For Schools-->
    School name:
    <input type="text" name="school">
    <br>
</div>
Email:
<input type="text" name="email">
<br>
<input type="submit" value="Submit">
<br>
</form>

and my JavaScript is

$("#generalAdmissionList").change(function () {
var selected = $("#generalAdmissionList option:selected").form();
$('div').hide();
$('#' + selected).show();
});

$(document).ready(function (e) {
$('div').hide();
});

any help would be great

attila · Accepted Answer · 2014-03-16 19:44:06Z

3

Change your select options to this

<option value="1">General Admission</option>
<option value="2">General Admission School</option>

and the javascript line to get the selected value should be like this

var selected = $("#generalAdmissionList option:selected").val();

answered Mar 16, 2014 at 19:44

attila

2,2291 gold badge13 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Derek O Brien Over a year ago

Thank you.. fixed it straight away.. its bin bugging me for the last few hours and just couldn't find what i was doing wron

Collectives™ on Stack Overflow

Displaying conditional Fields in HTML Using A Form Select Menu

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related