Member Avatar for junaid_5

First drop down menu to auto change the options of a second dropdown, when you select 2nd it changes the 3rd .

<select name="types"> 
<option value="">---- Select job ----</option>
<option value="1">Job1</option>
<option value="2" >Job2</option> 
<option value="3">Job3</option>
</select>

<select name="gender" > 
<option value="" >---- Select Gender----</option>
<option value="male" selected>Male</option>
<option value="female">Female</option> 
</select>

<select name="city" > 
<option value="" >---- Select city ----</option>
<option value="city1" >city1</option>
<option value="city2">city2</option> 
<option value="city3" >city3</option>
<option value="city4">city4</option>
</select>

I have three drop down menus.

there are 3 dropdown menus, i want 2nd and 3rd drop menu to become visible and enable when i select the job2 from 1st drop download list . I am new to this stuff , please anyone that can help me to start ?

Edited by Dani because: Formatting fixed
  • 2 Contributors
  • 1 Reply
  • 538 Views
  • 5 Hours Discussion Span
  • Latest Post Latest Post by tapananand
Member Avatar for tapananand

You need to hide these two and on selecting the option in first drop down menu call a handler which uses Ajax to change the options of 2nd and 3rd drop down.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.