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
-~----------~----~----~----~------~----~------~--~---
