Atualizar select após outro select receber valor

Estou desenvolvendo um projeto científico para catalogação de um museu. O que acontece é o seguinte: eu devo selecionar o MATERIAL que a obra foi feita, e ao selecionar o material preciso que o selectbox abaixo dele atualize, com as TÉCNICAS referentes àquele material.

No caso, tenho o campo do material:

<label for="">Material:</label>

 <?php
 $sql = "SELECT nome, codMaterial FROM material";
 $result = mysql_query($sql) or die (mysql_error());

 echo "<select id='small' name='mat1'>";
 while($row = mysql_fetch_assoc($result)){
 echo "<option value=" . $row["codMaterial"] . ">" . $row["nome"] . "</option>";
 }
 echo "</select>";
 mysql_free_result($result);
 ?>

Em baixo dele, tenho o campo Técnica (que ainda não fiz):

<label for="">Técnica:</label>

 <select id="small" name="tec1">
 <option> </option>
 </select>

Quando selecionar um material tipo MADEIRA, quero que atualize o campo TÉCNICA com os valores de madeira (que estão no banco de dados já modelado). Se o usuário colocar VIDRO, os valores mudam, de acordo com as técnica cadastradas para o material tipo VIDRO.

Consultas em PHP eu sei. JavaScript sei quase nada. Se alguém puder me ajudar agradeço!!

[]'s