$(function() { $("#WaterSystem").change(function() { var RtnMessage; var rates = $("#rates").empty(); var selectedValue = $("#WaterSystem").val(); if (selectedValue) { switch(selectedValue){ case 'Consolidated': rtnMessage = '<div class="panel panel-default subdivision"><di'; rtnMessage += 'v class="panel-heading"><h3 class="panel-title '; rtnMessage += 'img-responsive">Consolidated Utilities, Inc.'; rtnMessage += '</h3></div><div cass="panel-body"><br/><ul><li>'; rtnMessage += '$32.00 Base Rate</li><li>$3.60 per 1,000'; rtnMessage += ' gallons up to 5,000 gallons</li><li>$6.20 per '; rtnMessage += '1,000 gallons between 5,001-10,000 gallons</li>'; rtnMessage += '<li>$7.20 per 1,000 gallons 10,001 and above'; rtnMessage += '</li></ul></div><h4>Other Charges:</h4><p>'; rtnMessage += '<div id = "lists"><ul><li>$100 dollar deposit'; rtnMessage += ' to set up service</li><li>$40 service fee for '; rtnMessage += 'past due accounts</li><li>If a lock is cut '; rtnMessage += 'there will be a $50 fee</li><li>Other damages '; rtnMessage += 'can be $100 dollars or more depending on damage'; rtnMessage += ' done.</li></ul></div></div></div>'; rates.append(rtnMessage); break; case 'Consolidated2': rtnMessage += '<div class="panel panel-default subdivision">'; rtnMessage += '<div class="panel-heading"><h3 class="panel-tit'; rtnMessage += 'le img-responsive">Consolidated Utilities, Inc.'; rtnMessage += '</h3></div><div class="panel-body"><ul>'; rtnMessage += '<li>$18.00 Base Rate</li><li>$3.60 per 1,000 '; rtnMessage += 'gallons up to 5,000 gallons</li><li>$6.20 per '; rtnMessage += '1,000 gallons between 5,001-10,000 gallons</li>'; rtnMessage += '<li>$7.20 per 1,000 gallons 10,001 and above'; rtnMessage += '</li></ul><h4>Other Charges:</h4><p><ul><li>'; rtnMessage += '$100 dollar deposit to set up service</li>'; rtnMessage += '<li>$40 service fee for past due accounts</li>'; rtnMessage += '<li>If a lock is cut there will be a $50 fee'; rtnMessage += '</li><li>Other damages can be $100 dollars or '; rtnMessage += 'more depending on damage done.</li></ul></div>'; rtnMessage +='</div>'; rates.append(rtnMessage); break; case 'Coastal': rtnMessage = '<div class="panel panel-success subdivision">'; rtnMessage += '<div class="panel-heading"><h3 class="panel-ti'; rtnMessage += 'tle">Coastal Water Company, LLC</h3></div><div '; rtnMessage += 'class="panel-body"><ul><li>$31.50 Base Rate</li'; rtnMessage += '><li>$4.00 per 1,000 gallons</li><li>$1.60 per'; rtnMessage += ' 1,000 after 5,000 used</li></ul><h4>Other '; rtnMessage += 'Charges:</h4><p><ul><li>$100 dollar deposit to '; rtnMessage += 'set up service</li><li>$40 service fee for past'; rtnMessage += ' due accounts</li><li>If a lock is cut there '; rtnMessage += 'will be a $50 fee</li><li>Other damages can be'; rtnMessage += ' $100 dollars or more depending on damage done.'; rtnMessage += '</li></ul></div></div>'; rates.append(rtnMessage); break; case 'CoastalLLC': rtnMessage = '<div class="panel panel-success subdivision">'; rtnMessage += '<div class="panel-heading"><h3 class="panel-tit'; rtnMessage += 'le">Coastal Water Company, LLC</h3></div>'; rtnMessage += '<div class="panel-body"><ul><li>$31.50 Base Rate'; rtnMessage += '</li><li>$4.00 per 1,000 gallons</li><li>$1.60' rtnMessage += ' per 1,000 after 5,000 used</li></ul><h4>Other'; rtnMessage += ' Charges</h4><p><ul><li>$100 dollar deposit to '; rtnMessage += 'set up service</li><li>$40 service fee for past'; rtnMessage += ' due accounts</li><li>If a lock is cut there'; rtnMessage += ' will be a $50 fee</li><li>Other damages can be'; rtnMessage += ' $100 dollars or more depending on damage done.'; rtnMessage += '</li></ul></p></div></div>'; rates.append(rtnMessage); break; case 'CoastalLLC1': rtnMessage = '<div class="panel panel-success subdivision">'; rtnMessage += '<div class="panel-heading"><h3 class="panel-tit'; rtnMessage += 'le">Coastal Water Company, LLC</h3></div><div '; rtnMessage += 'class="panel-body"><ul><li>$34.00 up to 5,000 '; rtnMessage += 'gallons</li><li>$2.50 per 1,000 after 5,000'; rtnMessage += ' used</li></ul><h4>Other Charges</h4><p><ul>'; rtnMessage += '<li>$100 dollar deposit to set up service</li>'; rtnMessage += '<li>$40 service fee for past due accounts</li>'; rtnMessage += '<li>If a lock is cut there will be a $50 fee'; rtnMessage += '</li><li>Other damages can be $100 dollars or'; rtnMessage += ' more depending on damage done.</li></ul></p>'; rtnMessage += '</div></div>'; rates.append(rtnMessage); break; case 'CoastalLLC2': rtnMessage = '<div class="panel panel-success subdivision">'; rtnMessage += '<div class="panel-heading"><h3 class="panel-tit'; rtnMessage += 'le">Coastal Water Company, LLC</h3></div><div '; rtnMessage += 'class="panel-body"><ul><li>$36.00 Flat Rate</l'; rtnMessage += 'i></ul><h4>Other Charges</h4><p><ul><li>$100 do'; rtnMessage += 'llar deposit to set up service</li><li>$40 serv'; rtnMessage += 'ice fee for past due accounts</li><li>If a lock'; rtnMessage += ' is cut there will be a $50 fee</li><li>Other '; rtnMessage += 'damages can be $100 dollars or more depending '; rtnMessage += 'on damage done.</li></ul></p></div></div></div>'; rates.append(rtnMessage); break; case 'CoastalLLC3': rtnMessage = '<div class="panel panel-success subdivision">'; rtnMessage += '<div class="panel-heading"><h3 class="panel-tit'; rtnMessage += 'le">Coastal Water Company, LLC</h3></div><div '; rtnMessge += 'class="panel-body"><ul><li>$45.00 flat rate</li>'; rtnMessage += '</ul><h4>Other Charges</h4><p><ul><li>$100 doll'; rtnMessage += 'ar deposit to set up service</li><li>$40 servic'; rtnMessage += 'e fee for past due accounts</li><li>If a lock '; rtnMessage += 'is cut there will be a $50 fee</li><li>Other '; rtnMessage += 'damages can be $100 dollars or more depending '; rtnMessage += 'on damage done.</li></ul></p></div></div></div>'; rates.append(rtnMessage); break; case 'CoastalLLC4': rtnMessage = '<div class="panel panel-success subdivision">'; rtnMessage += '<div class="panel-heading"><h3 class="panel-tit'; rtnMessage += 'le">Coastal Water Company, LLC</h3></div><div '; rtnMessage += 'class="panel-body"><ul><li>$34.00 flat rate</l'; rtnMessage += 'i></ul><h4>Other Charges</h4><p><ul><li>$100 '; rtnMessage += 'dollar deposit to set up service</li><li>$40'; rtnMessage += ' service fee for past due accounts</li><li>If'; rtnMessage += ' a lock is cut there will be a $50 fee</li>'; rtnMessage += '<li>Other damages can be $100 dollars or more'; rtnMessage += ' depending on damage done.</li></ul></p></div>'; rtnMessage += '</div></div>'; rates.append(rtnMessage); break; case 'CoastalLLC5': rtnMessage = '<div class="panel panel-success subdivision">'; rtnMessage += '<div class="panel-heading"><h3 class="panel-t'; rtnMessage += 'itle">Coastal Water Company, LLC</h3></div>'; rtnMessage += '<div class="panel-body"><ul><li>Average flat'; rtnMessage += ' rate $30.00</li></ul><h4>Other Charges</h4>'; rtnMessage += '<p><ul><li>$100 dollar deposit to set up ser'; rtnMessage += 'vice</li><li>$40 service fee for past due acco'; rtnMessage += 'unts</li><li>If a lock is cut there will be a'; rtnMessage += ' $50 fee</li><li>Other damages can be $100 '; rtnMessage += 'dollars or more depending on damage done.</li>'; rtnMessage += '</ul></p></div></div></div>'; rates.append(rtnMessage); break; case 'CoastalLLC6'://where we left off RtnMessage = '<div class="panel panel-success subdivision">'; rtnMessage += '<div class="panel-heading"><h3 class="panel-'; rtnMessage += 'title">Coastal Water Company, LLC</h3></div>'; rtnMessage += '<div class="panel-body"><ul><li>$40.00 flat '; rtnMessage += 'rate</li></ul><h4>Other Charges</h4><p><ul>'; rtnMessage += '<li>$100 dollar deposit to set up service</li>'; rtnMessage += '<li>$40 service fee for past due accounts</li>'; rtnMessage += '<li>If a lock is cut there will be a $50 fee'; rtnMessage += '</li><li>Other damages can be $100 dollars or '; rtnMessage += 'more depending on damage done.</li></ul></p>'; rtnMessage += '</div></div></div>'; rates.append(rtnMessage); break; case 'GoldenIsles': rtnMessage = '<div class="panel panel-brian subdivision">'; rtnMessage += '<div class="panel-heading"><h3 class="panel-'; rtnMessage += 'title">Golden Isles</h3></div><br/><ul><li>'; rtnMessage += '$36.00 Flat Rate for Duplexes</li><li>$41.00 '; rtnMessage += 'Flat Rate for Homes</li></ul><h4>Other Charges'; rtnMessage += '</h4><p><ul><li>$100 dollar deposit to set up '; rtnMessage += 'service</li><li>$40 service fee for past due '; rtnMessage += 'accounts</li><li>If a lock is cut there will '; rtnMessage += 'be a $50 fee</li><li>Other damages can be $100 '; rtnMessage += 'dollars or more depending on damage done.</li>'; rtnMessage += '</ul></p></div</div></div>'; rates.append(rtnMessage); break; case 'Whitemarsh': rtnMessage = '<div class="panel panel-warning subdivision">'; rtnMessage += '<div class="panel-heading"><h3 class="panel-t'; rtnMessage += 'itle">Whitemarsh Estates</h3></div><div class="'; rtnMessage += 'panel-body"><ul><li>$34.00 up to 5,000 gallons'; rtnMessage += '</li><li>$2.50 per 1,000 after 5,000 used</li>'; rtnMessage += '</ul><h4>Other Charges</h4><p><ul><li>$100 '; rtnMessage += 'dollar deposit to set up service</li><li>$40 '; rtnMessage += 'service fee for past due accounts</li><li>If '; rtnMessage += 'a lock is cut there will be a $50 fee</li>'; rtnMessage += '<li>Other damages can be $100 dollars or more '; rtnMessage += 'depending on damage done.</li></ul></p><div>'; rtnMessage += '</div></div>'; rates.append(rtnMessage); break; case 'Woodlawn': rtnMessage = '<div class="panel panel-danger subdivision">'; rtnMessage += '<div class="panel-heading"><h3 class="panel-ti'; rtnMessage += 'tle">Woodlawn</h3></div><div class="panel-'; rtnMessage += 'body"><ul><li>$34.00 up to 5,000 gallons</li>'; rtnMessage += '<li>$2.50 per 1,000 after 5,000</li></ul><h4>'; rtnMessage += 'Other Charges</h4><p><ul><li>$100 dollar '; rtnMessage += 'deposit to set up service</li><li>$40 service'; rtnMessage += ' fee for past due accounts</li><li>If a lock '; rtnMessage += 'is cut there will be a $50 fee</li><li>Other '; rtnMessage += 'damages can be $100 dollars or more depending '; rtnMessage += 'on damage done.</li></ul></p></div></div></div>'; rates.append(rtnMessage); break; default: RtnMessage = "<h3>Mising Subdivision</h3>"; rates.append(rtnMessage); } } else { rates.append(''); } }); });
And this might be also the solution to your Problem, as your initial code is always appending to the variable, but I changed it so that it gets initialized every time to be an empty string.
HTH
Rainer
burnedfaceless
ASKER
I fixed the error that you noted.
There are two pages where this occurs, both use a seperate jQuery file, one page being designed for tablets and mobile and not containing the border that the desktop page contains.
If you select Little Ogeechee under the following links you will see undefined come up above it, even after this change.
The change did stop the multiple panels from displaying on the tablet.php page however it did not stop the undefined which was already appearing on the desktop page (even after the spelling correction).
Please select Little Ogeechee from the following selection.
That was really a dumb mistake I didn't take the time to look at my code thanks for doing that. I just really hate JavaScript but I will look at my stuff.
are you sure?
I copied basicly nearly all of your sources, and besides the bootstrap stuff it seems to work:
http://jsfiddle.net/EE_RainerJ/82L5b33b/
Perhaps you can make screenshots to explain what is wrong on your page?
Or do you have a public link where we can debug?
Thanks and HTH
Rainer