Скрипт нужен для фильтра тегов <option> из <select> методом js display:block; display: none;
Вот форма
<div class="form_block">
<label>Состояние:</label><input type="checkbox" checked id="p_new" onclick="pnew();" /><label for="p_new" style="float: none; clear: none; width: auto !important;">Новый</label><br />
<label> </label><input type="checkbox" checked id="p_old" onclick="pold();" /><label for="p_old" style="float: none; clear: none; width: auto !important;">Б/У</label><br />
</div>
<div class="form_block">
<label>Время доставки:</label>
<select name="p_product" class="p_product">
<option class="_selected" selected>Выберите продукцию</option>
<optgroup label="1200*800 EUR" id="opt1">
<option name="p01" class="itemold" value="1">P01 Европоддон Высший сорт</option>
<option name="p02" class="itemold" value="1">P02 Европоддон Первый сорт</option>
<option name="p03" class="itemold" value="1">P03 Европоддон Второй сорт</option>
</optgroup>
<optgroup label="1200*800">
<option name="p10" class="itemnew" value="1">P10 Европоддон (без клейма) Новый</option>
<option name="p12" class="itemold" value="1">P12 Европоддон (без клейма) Первый сорт</option>
<option name="p13" class="itemold" value="1">P13 Европоддон (без клейма) Второй сорт</option>
</optgroup>
<optgroup label="1200*1000">
<option name="p20" class="itemnew" value="2">P20 1200*1000 Новый</option>
<option name="p22" class="itemold" value="2">P22 1200*1000 Первый сорт</option>
<option name="p23" class="itemold" value="2">P23 1200*1000 Второй сорт</option>
</optgroup>
</select>
А вот скрипт:
var form = document.buy_app;
var p_new = document.getElementById('p_new');
var p_old = document.getElementById('p_old');
var p_product = document.getElementsByClassName('p_product');
var order_unit = document.getElementsByClassName('order_unit');
var p_sum = document.getElementsByClassName('sum');
var itemnew = document.getElementsByClassName('itemnew');
var itemold = document.getElementsByClassName('itemold');
function pnew() {
if (p_new.checked)
{
for(i=0; i<itemnew.length; i++)
{
itemnew[i].style.display = 'block';
}
}
else
{
for(i=0; i<itemnew.length; i++)
{
itemnew[i].style.display = 'none';
}
for(i=0; i<p_product.length; i++)
{
p_product[i].selectedIndex = 0;
p_product[i].value = null;
p_sum[i].value = '';
}
}
}
function pold() {
if (p_old.checked)
{
for(i=0; i<itemold.length; i++)
{
itemold[i].style.display = 'block';
}
}
else
{
for(i=0; i<itemold.length; i++)
{
itemold[i].style.display = 'none';
}
for(i=0; i<p_product.length; i++)
{
p_product[i].selectedIndex = 0;
p_product[i].value = null;
p_sum[i].value = '';
}
}
}
function allload() {
pnew();
pold();
}
window.onload = allload;
