Select de formulario define o codigo php a ser executado sem refrech com javascript

Bom dia amigos, Estou com um dificuldade com um formulário html e preciso entender melhor o mecanismo do javascript. Podem me ajudar? Seguinte:

 Tenho em um formulário um campo de select com 3 opções: <select id="seletor"> <option>Maçã</option> <option>Laranja</option> <option>Banana</option>
</select> Para cada opção que o usuário escolher deve ser executado um código php de pesquisa em banco de dados diferente para popular o próximo select no mesmo formulário com o código php seguinte:

 $consulta = mysql_query("SELECT `tipos` FROM maca. "). // query que busca os dados da tabela de maçãs while($campo = mysql_fetch_array($consulta)){ // laço de repetiçao que vai trazer os resultados da consulta?> ou

 $consulta = mysql_query("SELECT `tipos` FROM banana. "). // query que busca os dados da tabela de banana while($campo = mysql_fetch_array($consulta)){ // laço de repetiçao que vai trazer os resultados da consulta?> ou <php $consulta = mysql_query("SELECT `tipos` FROM laranja. "). // query que busca os dados da tabela de laranja while($campo = mysql_fetch_array($consulta)){ // laço de repetiçao que vai trazer os resultados da consulta?> Como faria isso com javascript? Obrigado a todos.