Como mudar conteúdo de imput ao selecionar duas opções com onchang?

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>