oneplus,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<form name="light_box">
<table width="600" align="center" class="light_box">
<colgroup><col width="210"><col width="390"></colgroup>
<tbody>
<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" size="5">
<option selected="selected">Акрил молочный (пленки)</option>
<option>Акрил молочный (полноцветная печать)</option>
<option>Транслюцентный баннер</option>
<option>Сотовый поликорбанат (пленки)</option>
<option>Сотовый поликорбанат (полноцветная печать)</option>
</select></td></tr>
</tbody>
</table>
</form>
<script>
var s = document.querySelectorAll("select"),
o = s[1].options,
op = o[2];
function foo() {
this.selectedIndex ? o.remove(2) : o.add(op, 2)
}
s[0].onchange = foo;
</script>
</body>
</html>