Como fazer em javascript para que, por exemplo, só apareça o preço do produto quando selecionado a cor e o tamanho?
 
 
Usei o script a baixo para que, ao selecionar o produto, apareça sua descrição e preço. Mas agora preciso que só apareça a descrição e o preço quando selecionado o produto a cor e o tamanho, no caso de cada tamanho tiver um preço diferente.
<script> function detalhes(descricao1,preco1, Valor){ Valor = document.getElementById("produto").value; if (Valor=="classe") { document.getElementById(descricao1).value = "Montanha"; document.getElementById(preco1).value = "R$ 5,00"; } else { document.getElementById(descricao1).value = ""; document.getElementById(preco1).value = ""; } } </script> <input type="text" name="pesctx" id="descricao" value="" size="70%" maxlength="50"><p> <input type="text" name="precotx" value="" id="preco" size="10" maxlength="10"> <select name="produtos" id="produto" onChange="detalhes('descricao','preco','classe');"> <option value="---" selected="selected">---</option> <option value="classe">Total</option> <option value="onda">mediana</option> </select>  
<select name="Produto"> <option value="---" selected="selected">---</option> <option value="cinza">Cinza</option> <option value="Vermelho">Vermelho</option> <option value="Violeta">Violeta</option> </select><p> <label>Tamanho:</label> <select name="Produto"> <option value="---" selected="selected">---</option> <option value="Pequena">Pequena</option> <option value="Media">Media</option> <option value="Grande">Grande</option> </select>