[Anneta]

Я хочу сделать связанные списки, они динамически заполнены, первый список виден, остальные скрыты,что бы при выборе нужного элемента из первого, сделать видимым, только соответствующий ему список. Подскажите пожалуйста, как можно сделать, что бы нужный элемент был виден. Возможно я не так прописываю свойство objSel.document.style.display='';, потому что у меня оно не срабатывает???

функция javascript:

function fn_select_option(el)   {
	var sel = el.options[el.selectedIndex].innerHTML;
        sel.selected=true;
        var objSel = document.getElementById(sel);
        objSel.document.style.display='';
}

взаимосвязанные списки:

<select id="my_select[]" onchange="fn_select_option(this) " >
     <option value="select">Выберите опцию:) </option>
      {foreach from=$product_options item="option" name="vibor_r" }
      <option value="$option.option_name}{$option.option_name}</option>
       {/foreach}
</select>
		
{foreach from=$product_options item="option" name="vibor" }
<select id="{$option.option_name}" style="display:none" >
	{foreach from=$option.variants item="variant"}
	<option class="{$variant.variant_id}" value="{$variant.variant_id}">   {$variant.variant_name}</option>
	{/foreach}
</select>	
{/foreach}