<form> <table> <tr> <td style="width: 230 px;"></td> <td> <div style="position: relative;z-index: 2;" ><img id="d" src="../pic/disk/clear.gif" width="230" height="297" /></div> <div style="position: relative;z-index: 1; top: -297px;"><img id="b" src="../pic/disk/non_box.gif" width="230" height="297" /></div> </td> <td style="text-align: left; padding-left: 20px; vertical-align: top;"> <p style="font-weight: bold; color: white; margin-bottom: 0px;">Количество</p> <input style="border: silver solid 1px;" name="number" class="calc" id="number" /> <p style="font-weight: bold; color: white; margin-bottom: 0px;">Тип диска</p> <select name="type_disc" class="calc" id="type_disc"> <option value="cd">CD диск (700 мб)</option> <option value="dvd">DVD диск (1.4 гб)</option> </select> <p style="font-weight: bold; color: white; margin-bottom: 0px;">Выберите услугу</p> <input onclick="print_for_disc()" id="print" name="print" type="checkbox" />Печать на диске<br /> <input onclick="burn()" id="burn" name="burn" type="checkbox" />Запись на диск <p style="font-weight: bold; color: white; margin-bottom: 0px;">Упаковка</p> <select onchange="box(this.value)" id="box" name="box"> <option value="non">Без упаковки</option> <option value="cd_lite">Коробка для CD тонкая</option> <option value="cd_standart">Коробка для CD стандартная</option> <option value="dvd">Коробка для DVD</option> <option value="paper">Конверт бумажный с окном</option> <option value="poly">Конверт прозрачный полиэтиленовый</option> </select><br /> <div id="poligraf"></div> <br /><button onclick="get_id()">Расчитать</button> </td> </tr> </table> </form> <script> function print_for_disc(){ if ($("#print").is(':checked')){ img = (img + 1); //alert(img); } else { img = (img - 1); //alert(img); } replace_img(img); } function burn(){ if ($("#burn").is(':checked')){ img = (img + 2); //alert(img); } else { img = (img - 2); //alert(img); } replace_img(img); } function replace_img (img){ switch (img){ case 0: $("#d").attr("src",'../pic/disk/clear.gif'); break; case 1: $("#d").attr("src",'../pic/disk/print.gif'); break; case 2: $("#d").attr("src",'../pic/disk/write.gif'); break; case 3: $("#d").attr("src",'../pic/disk/write_print.gif'); break; } } function box(box){ switch (box){ case "non": $("#b").attr("src",'../pic/disk/non_box.gif'); $('#temp_polygraf').remove(); break; case "cd_lite": $("#b").attr("src",'../pic/disk/cd_box.gif'); if($("#temp_polygraf").length){}else{$('#poligraf').append('<div id="temp_polygraf"><input type="checkbox" name=""/>Полиграфия для упаковки</div>');} break; case "cd_standart": $("#b").attr("src",'../pic/disk/cd_box.gif'); if($("#temp_polygraf").length){}else{$('#poligraf').append('<div id="temp_polygraf"><input type="checkbox" name=""/>Полиграфия для упаковки</div>');} break; case "dvd": $("#b").attr("src",'../pic/disk/dvd_box.gif'); if($("#temp_polygraf").length){}else{$('#poligraf').append('<div id="temp_polygraf"><input type="checkbox" name=""/>Полиграфия для упаковки</div>');} break; case "paper": $("#b").attr("src",'../pic/disk/paper_enviloper.gif'); $('#temp_polygraf').remove(); break; case "poly": $("#b").attr("src",'../pic/disk/poly_enviloper.gif'); $('#temp_polygraf').remove(); break; } alert(); } var img = 0; </script> есть такой код! Проблема возникает кода ввожу тег form При выборе select не отрабатывает функцию box |
Alex_dark74,
<select onchange="box(this.value)" id="box" name="box"> догадайтесь почему это недолжно работать |
Цитата:
![]() |
Пытаюсь сообразить, но не получается!
Ведь без тега form он работает!!! |
ага! понял!
одинаковые названия id и функции! они конфликтуют! Рони спасибо! Это лучшая подсказка. теперь запомню! |
Часовой пояс GMT +3, время: 12:58. |