[jQuery] .change for created select menu
Hi, I hope this isn't a stupid question: I am trying to have a
dropdown menu that will create a new dropdown when it's changed. That
part works. Then, the second dropdown will create a third dropdown
whenever it is changed. That part doesn't work right.
$(document).ready(function(){
$('#taglist1').change(function(){ // detect change in menu
1
$('#tagline2').html('<select id = "taglist2"></
select>').addClass('adddrop');
$('#taglist2').addOption('1', 'one');
$('#taglist2').addOption('2', 'two');
// etc
})
$('#tagline2').change(function(){ // detect change in menu
2
alert('testing'); // firefox says hi, but not ie7
})
})
<p id "tagline1">
<select id = "taglist1" class = "adddrop">
<option value = "0">Pick an option</option>
<option value = "0"></option>
<option value = "1">Option 1</option>
etc
</select>
<p id = "tagline2">
For the line that is meant to detect a change in the second (created)
menu, I originally had "$('#taglist2').change(function(){" which
specifies the id of the new <select> which I thought was right but
that didn't work at all. The line as it is now "$
('#tagline2').change(function(){" specifies the that the new
<select> is in. This works in ff2.0.0.4 but not IE7 (haven't tested
below that yet).
Can anyone help? Is this something small or is my whole approach off?