Lista suspensa dinâmica usando html e php

Estou aprendendo html e php, tenho funcionários do banco de dados mysql onde há uma tabela chamada Employees_hired, que armazena identificação, nome, departamento e tipo de contrato. Quero fazer uma lista suspensa de funcionários que pertencem a um tipo de departamento e a um tipo de contrato específico. No código seria algo como:

<html>      
<head>
    <title>Dynamic Drop Down List</title>
</head>
<body>
    <form id="form1" name="form1" method="post" action="<?php $_SERVER['PHP_SELF']?>">
        department: 
        <select id="department" name="department" onchange="run()">  <!--Call run() function-->
            <option value="biology">biology</option>
            <option value="chemestry">chemestry</option>
            <option value="physic">physic</option>
            <option value="math">math</option>     
        </select><br><br>
        type_hire: 
        <select id="type_hire" name="type_hire" onchange="run()">  <!--Call run() function-->
            <option value="internal">Intenal</option>
            <option value="external">External</option>                
        </select><br><br>
        list of employees:
        <select name='employees'>
            <option value="">--- Select ---</option>
            <?php
            mysql_connect("localhost","root","");
            mysql_select_db("employees_hired");
            $list=mysql_query("SELECT name FROM usuario WHERE (department ='". $value_of_department_list ."') AND (contrasena ='". $value_of_type_hire."')";);
            while($row_list=mysql_fetch_assoc($list)){
            ?>
            <option value="<?php echo $row_list['name']; ?>">
                <?php if($row_list['name']==$select){ echo $row_list['name']; } ?>
            </option>
            <?php
            }
            ?>
        </select>
    </form> 
</body>
</html>

A questão que tenho é: como obter os valores selecionados das primeiras listas suspensas (type_hire e departamento) para uso na consulta e preencher a lista suspensa de funcionários. Sei como preencher uma lista suspensa consultando o banco de dados (o que aprendi em um curso on-line), mas não sei como tirar os valores das listas suspensas e usá-los em minha prática. Eu li que posso usar "document.getElementById (" id "). Value" para atribuir esse valor à variável na consulta, mas em nenhum lugar explicou em detalhes como. Eu sou novo em programação web e meu conhecimento de Javascript é fraco. Alguém pode me dizer a melhor maneira de fazer isso? Só é possível usar html e php ou tenho que usar javascript?

questionAnswers(2)

yourAnswerToTheQuestion