Доброго дня, друзья!
Делаю простенький калькулятор, точнее не могу сделать
В JS новенький, не могу разобраться в чем дело:
Краткое пояснение:
При выборе "Пластиковый "Квадро"" в первом списке, должен пропадать "Транслюцентный баннер" во втором списке.
Отдельно "document.light_box.surface.options[2]=null;" - удаляется, а вот вместе с "if", что бы задать условие не работает.
<body>
<table width="600" align="center" class="light_box">
<colgroup><col width="210"><col width="390"></colgroup>
<tbody>
<form name="light_box">
<tr><td class="left">Профиль:</td>
<td><select id="profile" name="profile">
<option selected="selected">Металлический</option>
<option>Пластиковый "Квадро"</option>
</select></td></tr>
<tr><td align="left">Лицевая поверхность:</td>
<td><select name="surface">
<option selected="selected">Акрил молочный (пленки)</option>
<option>Акрил молочный (полноцветная печать)</option>
<option>Транслюцентный баннер</option>
<option>Сотовый поликорбанат (пленки)</option>
<option>Сотовый поликорбанат (полноцветная печать)</option>
</select></td></tr>
</form>
</tbody>
</body>
if (document.light_box.profile.options.selected==1) {
document.light_box.surface.options[2]=null;
}
Перепробовал и другие варианты, ничего не получается:
var objPro=document.light_box.profile;
var objSel=document.light_box.surface;
if (objPro.selectedIndex==objPro.options[1]) {
objSel.options[2]=null;
}
if (document.light_box.profile.options[1].selected==true) {
document.light_box.surface.options[2]=null;
}
Друзья, если не затруднит подсказать правильный вариант или "где копать" пожалуйста ответьте. Заранее спасибо.
Продолжаю экспериментировать:
var objPro = document.getElementById("profile_id");
var objSel = document.getElementById("surface_id");
if (objPro.selectedIndex == 1) {
objSel.options[2]=null;
}
не работает.