I was wondering if anyone can help me with a jquery change() integration issue?
i have tested following script on simple html page on computer , workd perfectly:
however, when posting bc withing template, reason .change() alert gets copied 4 times. can see @ following link: http://www.bebemoda.co.uk/test-1?preview=true
not sure if due interference form other scripts , not able figure out problem.
would able helpn me solve issue?
thanks
<!doctype html>
<html>
<head>
<style>
div { color:red; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<select class="cat_dropdown" id="shippingcountry" name="shippingcountry">
<option selected="true">-- select country --</option>
<option value="af">afghanistan</option>
<option value="al">albania</option>
<option value="dz">algeria</option>
<option value="as">american samoa</option>
<option value="ad">andorra</option>
<option value="ao">angola</option>
<option value="ai">anguilla</option>
<option value="aq">antarctica</option>
<option value="ag">antigua , barbuda</option>
<option value="ar">argentina</option>
<option value="am">armenia</option>
<option value="aw">aruba</option>
<option value="au">australia</option>
<option value="at">austria</option>
<option value="az">azerbaijan</option>
<option value="bs">bahamas</option>
<option value="bh">bahrain</option>
<option value="bd">bangladesh</option>
<option value="bb">barbados</option>
<option value="be">belgium</option>
<option value="bz">belize</option>
<option value="bj">benin</option>
<option value="bm">bermuda</option>
<option value="bo">bolivia</option>
<option value="bw">botswana</option>
<option value="br">brazil</option>
<option value="bg">bulgaria</option>
<option value="kh">cambodia</option>
<option value="cm">cameroon</option>
<option value="ca">canada</option>
<option value="cv">cape verde</option>
<option value="ky">cayman islands</option>
<option value="cf">central african republic</option>
<option value="td">chad</option>
<option value="cl">chile</option>
<option value="cn">china</option>
<option value="cx">christmas island</option>
<option value="co">colombia</option>
<option value="ck">cook islands</option>
<option value="cr">costa rica</option>
<option value="hr">croatia</option>
<option value="cy">cyprus</option>
<option value="cz">czech republic</option>
<option value="dk">denmark</option>
<option value="dj">djibouti</option>
<option value="dm">dominica</option>
<option value="do">dominican republic</option>
<option value="ec">ecuador</option>
<option value="eg">egypt</option>
<option value="sv">el salvador</option>
<option value="gq">equatorial guinea</option>
<option value="ee">estonia</option>
<option value="et">ethiopia</option>
<option value="fk">falkland islands (malvinas)</option>
<option value="fj">fiji</option>
<option value="fi">finland</option>
<option value="fr">france</option>
<option value="gf">french guiana</option>
<option value="pf">french polynesia</option>
<option value="gm">gambia</option>
<option value="ge">georgia</option>
<option value="de">germany</option>
<option value="gh">ghana</option>
<option value="gi">gibraltar</option>
<option value="gr">greece</option>
<option value="gl">greenland</option>
<option value="gd">grenada</option>
<option value="gp">guadeloupe</option>
<option value="gu">guam</option>
<option value="gt">guatemala</option>
<option value="gy">guyana</option>
<option value="ht">haiti</option>
<option value="va">holy see (vatican city state)</option>
<option value="hn">honduras</option>
<option value="hk">hong kong</option>
<option value="hu">hungary</option>
<option value="is">iceland</option>
<option value="in">india</option>
<option value="id">indonesia</option>
<option value="ie">ireland</option>
<option value="il">israel</option>
<option value="it">italy</option>
<option value="jm">jamaica</option>
<option value="jp">japan</option>
<option value="jo">jordan</option>
<option value="kz">kazakhstan</option>
<option value="ke">kenya</option>
<option value="kp">south korea</option>
<option value="kw">kuwait</option>
<option value="kg">kyrgyzstan</option>
<option value="la">lao people's democratic republic</option>
<option value="lv">latvia</option>
<option value="li">liechtenstein</option>
<option value="lt">lithuania</option>
<option value="lu">luxembourg</option>
<option value="mg">madagascar</option>
<option value="mw">malawi</option>
<option value="my">malaysia</option>
<option value="mv">maldives</option>
<option value="ml">mali</option>
<option value="mt">malta</option>
<option value="mh">marshall islands</option>
<option value="mq">martinique</option>
<option value="mr">mauritania</option>
<option value="mu">mauritius</option>
<option value="mx">mexico</option>
<option value="md">moldova, republic of</option>
<option value="mc">monaco</option>
<option value="mn">mongolia</option>
<option value="ms">montserrat</option>
<option value="ma">morocco</option>
<option value="mz">mozambique</option>
<option value="mm">myanmar</option>
<option value="na">namibia</option>
<option value="np">nepal</option>
<option value="nl">netherlands</option>
<option value="an">netherlands antilles</option>
<option value="nc">new caledonia</option>
<option value="nz">new zealand</option>
<option value="ni">nicaragua</option>
<option value="ne">niger</option>
<option value="ng">nigeria</option>
<option value="nf">norfolk island</option>
<option value="no">norway</option>
<option value="om">oman</option>
<option value="pk">pakistan</option>
<option value="pw">palau</option>
<option value="pa">panama</option>
<option value="pg">papua new guinea</option>
<option value="py">paraguay</option>
<option value="pe">peru</option>
<option value="ph">philippines</option>
<option value="pl">poland</option>
<option value="pt">portugal</option>
<option value="pr">puerto rico</option>
<option value="qa">qatar</option>
<option value="re">reunion</option>
<option value="ro">romania</option>
<option value="ru">russia</option>
<option value="rw">rwanda</option>
<option value="sh">saint helena</option>
<option value="kn">saint kitts , nevis</option>
<option value="lc">saint lucia</option>
<option value="pm">saint pierre , miquelon</option>
<option value="vc">saint vincent , grenadines</option>
<option value="sm">san marino</option>
<option value="sa">saudi arabia</option>
<option value="sn">senegal</option>
<option value="sc">seychelles</option>
<option value="sl">sierra leone</option>
<option value="sg">singapore</option>
<option value="sk">slovakia</option>
<option value="si">slovenia</option>
<option value="sb">solomon islands</option>
<option value="za">south africa</option>
<option value="es">spain</option>
<option value="lk">sri lanka</option>
<option value="sr">suriname</option>
<option value="sz">swaziland</option>
<option value="se">sweden</option>
<option value="ch">switzerland</option>
<option value="tw">taiwan</option>
<option value="tj">tajikistan</option>
<option value="tz">tanzania, united republic of</option>
<option value="th">thailand</option>
<option value="to">tonga</option>
<option value="tt">trinidad , tobago</option>
<option value="tn">tunisia</option>
<option value="tr">turkey</option>
<option value="tc">turks , caicos islands</option>
<option value="ug">uganda</option>
<option value="ua">ukraine</option>
<option value="ae">united arab emirates</option>
<option value="gb" selected="selected">united kingdom</option>
<option value="us">united states</option>
<option value="uy">uruguay</option>
<option value="uz">uzbekistan</option>
<option value="ve">venezuela</option>
<option value="vn">vietnam</option>
<option value="vg">virgin islands, british</option>
<option value="vi">virgin islands, u.s.</option>
<option value="ye">yemen</option>
<option value="zm">zambia</option>
</select>
<div id="shippingdest" style="width:30%; color:#f33"></div>
<script>
$("#shippingcountry").change(function () {
var str = "";
$("option:selected").each(function () {
if ($(this).text() !== "united kingdom")
{
$("#shippingdest").text("");
str += "please note delivery charges apply on orders shipped outside uk. after order has been processed, contact specific delivery quote based on items have purchased.";
$("#shippingdest").text(str);}
else
{
$("#shippingdest").text("");
}
});
})
.change();
</script>
</body>
</html>
hello londonhk,
the link provided doesn't work. code provided seem work locally, if repost link can see issue is.
thanks,
chad smith | http://bcgurus.com/business-catalyst-templates $7
More discussions in Business Catalyst
adobe
Comments
Post a Comment