This list is not for the discussion of the use of jQuery, but rather for its development. Use the http://groups.google.com/group/jquery-en list for discussion of this type.
Most likely the two libraries are conflicting. Look into jQuery.noConflict(). On Jun 10, 1:20 pm, youradds <andy.ne...@gmail.com> wrote: > Ok, I finally found the culprit: > > http://www.sweetcareers.com/bm.assets/prototype-scriptaculous.js > > Any ideas as to why this is happening? > > TIA > > Andy > > On Jun 10, 4:42 pm, youradds <andy.ne...@gmail.com> wrote: > > > Hi, > > > I'm really really hoping someone can help me here. > > > Using AJAX, I wrote a little function that will call a .cgi script on > > our server, and populate 2 different select fields. > > > The JS code is: > > > [CODE] $(function(){ > > $("select#Continent").change(function(){ > > alert("HERE"); > > $.getJSON("/cgi-bin/careers/ajax_cats.cgi",{id: > > $(this).val()}, > > function(j){ > > > var options = ''; > > for (var i = 0; i <j.length; i++) { > > options += '<option value="' + > > j[i].optionValue + '">' + j > > [i].optionDisplay + '</option>'; > > } > > $("#CityProvince").html(options); > > $('#CityProvince option:first').attr('selected', > > 'selected'); > > }) > > }) > > }) > > > $(function(){ > > $("select#CityProvince").change(function(){ > > $.getJSON("/cgi-bin/careers/ajax_cats_city.cgi",{id: > > $(this).val(), > > main_id: $('#Continent').val() }, function(j){ > > > var options = ''; > > for (var i = 0; i <j.length; i++) { > > options += '<option value="' + > > j[i].optionValue + '">' + j > > [i].optionDisplay + '</option>'; > > } > > $("#SubCategory").html(options); > > $('#SubCategory option:first').attr('selected', > > 'selected'); > > }) > > }) > > })[/CODE] > > > ...and the SELECT forms are as follows: > > > [CODE] <div class="row clear "> > > <label for="Continent" class="name">Continent: </label> > > <div class="value"> > > <%Plugins::ULTRAGlobals::Format_Select_Field > > ($Continent,'Continent')%> > > <select name="Continent" id="Continent"> > > <%loop select_loop%> > > <option value="<%value%>" <%if selected%>selected="yes"< > > %endif%>><%name%></option> > > <%endloop%> > > </select> > > </div> > > </div> > > > <div class="row clear "> > > <label for="CityProvince" class="name">City/Province: </label> > > <div class="value"> > > <select name="CityProvince" id="CityProvince"> > > <option value="">-- select continent first --</option> > > </select> > > </div> > > </div> > > > <div class="row clear "> > > <label for="SubCategory" class="name">Sub-Category: </label> > > <div class="value"> > > <select name="SubCategory" id="SubCategory"> > > <option value="">-- select city first --</option> > > </select> > > </div> > > </div>[/CODE] > > > Now, this was working perfectly for me this morning - and now its > > giving me a weird error : > > > Error: $("#Continent") is null > > Source File: [url]http://www.domain.com/cgi-bin/careers/add.cgi[/url] > > Line: 8 > > > Now, I know #Continent exists - as I can see it fine in the HTML. > > > For anyone who wants to test -try: > > > [url]http://www.sweetcareers.com/cgi-bin/careers/add.cgi[/url] > > > User: ultranerds > > Pass: ultranerds > > > Any help uis greatly appreciated - I can't see for the life of me why > > its suddently stopped working in the last few hours - we havn't > > changed anything - and it was working absolutly perfectly before :( > > > TIA > > > Andy > > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery Development" group. To post to this group, send email to jquery-dev@googlegroups.com To unsubscribe from this group, send email to jquery-dev+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/jquery-dev?hl=en -~----------~----~----~----~------~----~------~--~---
