Калькулятор доставки по регионам РФ

[JimHudson]

warren buffet, можешь помочь?

[JimHudson]

Rise,
есть идеи?

[Rise]

JimHudson, <select>

[JimHudson]

Так! Кодил, кодил и накодил!
Что получил

var myCalculator = function(region){
 // стоимость доставки
 var cost = 0;
 switch(region) {
 // каждое первое число месяца стоимость равна 100у.е.
 case 1: cost = 100; break 
 // каждое двенадцатое число месяца стоимость равна 200у.е.
 case 2: cost = 200; break
 // каждое тридцать первое число месяца доставка бесплатна (таких дней всего 7 в году)
 case 3: cost = 0; break
 // по остальным дням мы не так щедры, доставка 500у.е.
 // default: cost = 500;
 }
 // если поле custom_delivery_tax не существует
 if($('input[name="custom_delivery_tax"]').length == 0){
 // добавить его
 $('#checkout-form').append('<input type="hidden" name="custom_delivery_tax" value="0">');
 }
 // запись стоимости доставки в поле custom_delivery_tax
 $('input[name="custom_delivery_tax"]').val(cost);
}

Попытался описать функцию. В зависимости от выбранного элемента зависит цена.

И попытался вставить в код HTML

<FORM id ="FormReg" name="FormReg">
<SELECT name="SelectReg" id="SelectReg" OnChange='region'>
<OPTION VALUE = "0"> Выюерете регион доставки </OPTION>
<OPTION VALUE = "1"> Московская область </OPTION>
<OPTION VALUE = "2"> Республика Татарстан </OPTION>
<OPTION VALUE = "3"> Алтайский край </OPTION>
</select>
</form>
<script src = "/js/myCalculator.js"></script>
<script>myCalculator(region);</script>

Что не так я сделал?

[JimHudson]

Вот собственно результат. Напомню что сайт на платформе Ucoz

[JimHudson]

http://uchudesami.ru/rezult.png
http://uchudesami.ru/rezult2.png

Вот результаты труда. Как мне сделать взаимосвязь функции и <select>???

[Rise]

JimHudson,

<select name="region" onchange="regionChange(this)">
	<option value="0">Выберите регион доставки</option>
	<option value="300">Красноярский край</option>
	<option value="200">Ленинградская область</option>
	<option value="200">Московская область</option>
	<option value="300">Омская область</option>
	<option value="650">Другой</option>
</select>

<script>
function regionChange(region) {
	alert(region.value);
}
</script>

[JimHudson]

спасибо огромное, но проблема еще не решена.последнии три строчки моей функции


if($('input[name="custom_delivery_tax"]').length == 0
$('#checkout-form').append('<input type="hidden" name="custom_delivery_tax" value="0">');

}

$('input[name="custom_delivery_tax"]').val(cost);

добавляют числовой результат в общую стоимость заказа.

как мне их применить? нужно решение без alert.
и как функцию js подключить из внешнего файла?

[warren buffet]

ТС, ты зачем мозг насилуешь? Тебе всего-то надо заменить несколько переменных по одному всего лишь признаку. Сделай таблицу цен по рыгионам и подставляй нужный объект, ты мужик или не мужык?

var costs={},
    Cost; /* выбранный регион */

costs.msk={
   name:Мозгва,
   0:970,
   1:100,
   12:300,
   31:0
};

costs.nsk={
   name:Новосибирск
   0:670,
   1:200,
   12:500,
   31:0
};

/* продолжай копипастить и менять цены по дням для рыгиона */

costs.spb={
   name:Питербурх
   0:170,
   1:600,
   12:600,
   31:1
};

Cost=costs.msk; /* дефаульт сити  */

Теперь делаешь список

var html=[];

for(var item in costs)
   html.push('<option value="'+key+'"'+((costs[key]===Cost)?' selected':'')+'>'+costs[key].name+'</option>';

some_elem.innerHTML='<select>'+html.join('')+'</select>';
some_elem.addEventListener('change',calc);

Теперь калькируешь

var calc=function(e){

    /* если есть такой регион, то взять, иначе в мозгву, или какой-то дефольт */

    var region = (costs.hasOwnProperty(this.value))?costs[this.value]:costs.msk

    /* в var today; номер дня, если не твой день, то дефолт */

    Cost = region.hasOwnProperty(today)?cost[today]:cost[0];

};

Всенах.

[warren buffet]

ЗЫ. Таблица ненормальна, но тут уловки: номер дня - это число, значит топоним можно заеписать через текстовый ключ, прямо в отношение и вторая - нулевого дня не бывает, поэтому дефолт в пишется в 0, кроме того к 0 эволюционируют все пустые значения.