У меня проблема в том что при выборе игры тарифы и слоты не заменяются а просто добавляются. Вот как должно работать:
Чел выбирает игру cs у него показывает слоты, тарифы для этой игры.
При выборе другой игры слоты и тарифы заменяются на данные другой игры...
CODE (javascript):
скопировать код в буфер обмена
скопировать код в буфер обмена
- <form action="" method="POST" name="registration" id="registration">
- <table width="588" border="0" cellspacing="0" cellpadding="3" style="display:table-cell;width:588px;">
- <tr><td width="60%">Игра:</td><td width="40%">
- <select class="input_zakaz" style="width:300px" name="game" id="game" onchange="rechecksum()">
- <option value="css">Counter-Strike: Source v34</option><option value="cs">Counter-Strike 1.6</option>
- </select>
- </td></tr>
- <tr><td width="60%" id="tariff_tr">Локация:</td><td width="40%">
- <select class="input_zakaz" style="width:300px" name="location" id="game">
- <option value="20">Германия</option>
- </select>
- </tr></tr>
- <tr><td width="60%" id="tariff_tr">Тариф:</td><td width="40%">
- <select class="input_zakaz" style="width:300px" name="tariff" id="tariff" onchange="rechecksum();"></select>
- </td></tr>
- <tr><td width="60%">Слоты:<div id="tariff_price" style="float:right;display:inline;"></div></td><td width="40%">
- <select style="width:300px" name="slots" id="slots" onchange="rechecksum()"></select>
- </td></tr>
- <tr><td width="60%">Срок аренды:</td><td width="40%">
- <select style="width:300px" name="time" id="time" onchange="rechecksum()">
- <option value="30">1 месяц</option><option value="60">2 месяца</option><option value="90">3 месяца</option><option value="180">6 месяцев</option><option value="360">1 год</option>
- </select>
- </td></tr>
- <tr><td width="60%"></td><td width="40%" align="right"><span style="font-size:18px;font-weight:bold;" id="price">Итого: 250 руб.</span></td></tr>
- </table>
- </form>
- <script type="text/javascript">
- function addoption (oListbox, text, value, isDefaultSelected, isSelected) {
- var oOption = document.createElement("option");
- oOption.appendChild(document.createTextNode(text));
- oOption.setAttribute("value", value);
- if (isDefaultSelected) oOption.defaultSelected = true;
- else if (isSelected) oOption.selected = true;
- oListbox.appendChild(oOption);
- }
- function rechecksum(){
- var time = eval($('#time').val());
- var slots = $('#slots').val();
- var tariff = $('#tariff').val();
- var game = $('#game').val();
- var multiplier = 1;
- old_tariff = $("#tariff_price").html();
- switch(game){
- case 'css':
- $('#tariff').css({display:'block'});
- var tarifs = document.getElementById("tariff");
- addoption(tarifs, 'test', 30, false);
- tariff = 25;
- slot = '';
- var slot = document.getElementById("slots");
- for(var i=10; i <= 25; i++) addoption(slot, i, i, false, false);
- break;
- case 'cs':
- var game_case = 'cs';
- $('#tariff').css({display:'block'});
- var tarifs = document.getElementById("tariff");
- addoption(tarifs, '1 (FPS 1000)', 35, false);
- addoption(tarifs, '2 (500 FPS)', 25, false);
- addoption(tarifs, '3 (250 FPS)', 20, false);
- tariff = 25;
- slot = '';
- var slot = document.getElementById("slots");
- for(var i=10; i <= 32; i++) addoption(slot, i, i, false, false);
- break;
- }
- switch(time){
- case 3:
- break;
- case 6:
- break;
- case 15:
- break;
- case 30:
- break;
- case 90:
- multiplier = 0.95;
- break;
- case 180:
- multiplier = 0.9;
- break;
- case 360:
- multiplier = 0.85;
- break;
- }
- price = Math.round(time*slots*tariff*multiplier/30);
- old_price = $('#price').html().split(" ");
- old_price = old_price[1];
- diff = price - old_price;
- setTimeout("update_price()", 0);
- }
- function update_price(){
- if(diff != 0){
- if(diff > 0){
- diff--;
- old_price++;
- } else {
- diff++;
- old_price--;
- }
- }
- $('#price').html("Итого: "+old_price+" руб.");
- if(old_price != price){
- setTimeout("update_price()", 1);
- }
- }
- </script>