I tried that but it didn't work.
On Jul 3, 6:36 am, "Ganeshji Marwaha" <[EMAIL PROTECTED]> wrote:
> try calling the $('#tagline2').change(function(){}) inside the change() event
> for the first after creating the new
>
> option element.
>
> -GTG
>
> On 7/2/07, NBoringron <[EMAIL PROTECTED]> wrote:
>
>
>
> > 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>
>
> > <p id = "tagline2">
> > </p>
>
> > 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 <p> 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?
