Untitled

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<script type="text/javascript" src="ajax.js"></script>
	<script type="text/javascript">
function viderCombo(comboBox) {
	if(comboBox.length) {
		for(var cpt = 0; cpt < comboBox.length; cpt++) {
			comboBox.remove(cpt);
		}
		comboBox.selectedIndex = -1;
	}
}

function remplirEmp(dpt) {
	var combo = document.getElementById("emp");
	viderCombo(combo);
	include("emp","emp/" + dpt.value + ".xml");

}
function changeIndex(comboBox) {
	document.getElementById("dpt").selectedIndex = -1;
}
	</script>
</head>
<body  onload="changeIndex()">
	<form name="formEmpDpt"  id='monForm' action="#">
		<fieldset>
			<legend>Sélectionnez un employé :</legend>
			<label for="dpt">Département :</label>
			<select name="dpt" id="dpt" onchange="remplirEmp(this)">
				<option value="A00">A00</option>
				<option value="A01">A01</option>
				<option value="b01">B01</option>
				<option value="b02">B02</option>
				<option value="C01">C01</option>
				<option value="D11">D11</option>
				<option value="D21">D21</option>
				<option value="E01">E01</option>
				<option value="E11">E11</option>
				<option value="E21">E21</option>
			</select>

			<br/>

			<label for="emp">Employé :</label>
			<div style="display: inline" id="empDiv">
				<select name="emp" id="emp">
				</select>
			</div>
			<br/>

			<input type="submit" value="Envoyer">
		</fieldset>
	</form>
</body>
</html>