Dropdown change function with jquery

Question

I have 3 Select(dropdown).

Let First Dropdown,Second Dropdown and Third Dropdown. I use jquery change function. When I change first Dropdown,Second Dropdown is appear.And I Changed second Dropdown.But third Dropdown is not appear. I don't know Where is wrong.Please Help me.

Html:

 <div class='select'>
  <select class='myFirstDropdown' name='first'>
   <option value='1'>1
   <option value='2'>2
   <option value='3'>3
  </select>
 </div>

Js:

$('.myFirstDropdown').change(function(){
//var result= $(this).val();
    $('.select').append("<select class='secondDropdown' name='second'><option value='second1'>second1<option value='second2'>Second2</select>");
});
$('.secondDropdown').change(function(){
$('.select').append("<select class='thirdDropdown' name='third'><option value='second1'>second1<option value='second2'>Second2</select>");
});

your example does not match your question. could you please provide us with your full code? — Artyom Neustroev
– Artyom Neustroev, Commented Mar 8, 2013 at 9:18
@WaiYan you can either wait for this to reopen or post a new question with proper code/fiddle — Anujith
– Anujith, Commented Mar 8, 2013 at 9:36

Anujith · Accepted Answer · 2013-03-08 10:13:32Z

1

Try this: SAMPLE

$('.myFirstDropdown').change(function(){
    $('.select').append("<select class='secondDropdown' name='second'><option value='second1'>second1<option value='second2'>Second2</select>");
});

$('.select').on('change', '.secondDropdown', function(){
    $('.select').append("<select class='thirdDropdown' name='third'><option value='second1'>second1<option value='second2'>Second2</select>");
});

Your second select box is added dynamically and therefore event should be attached using on()...

answered Mar 8, 2013 at 10:13

Anujith

9,3686 gold badges35 silver badges48 bronze badges

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

Collectives™ on Stack Overflow

Dropdown change function with jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related