<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
 

<script type="text/javascript">
$(document).ready(function(){
	$(".kaufB").click(function(){
		$(".kauf").slideToggle("fast");
		$(".tech").hide("fast");
		$(".dienst").hide("fast");
		$(this).toggleClass("active");
		return false;
	});
	$(".techB").click(function(){
		$(".tech").slideToggle("fast");
		$(".kauf").hide("fast");
		$(".dienst").hide("fast");
		$(this).toggleClass("active");
		return false;
	});
	$(".dienstB").click(function(){
		$(".dienst").slideToggle("fast");
		$(".kauf").hide("fast");
		$(".tech").hide("fast");
		$(this).toggleClass("active");
		return false;
	});
	
});

var xmlhttp;

function showUser(str,region,anstellung)
{
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
  {
  alert ("Browser does not support HTTP Request");
  return;
  }
var url="stellenResult.php";
url=url+"?q="+str+"&a="+region+"&b="+anstellung;
url=url+"&sid="+Math.random();
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}

function stateChanged()
{
if (xmlhttp.readyState==4)
{
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}

function GetXmlHttpObject()
{
if (window.XMLHttpRequest)
  {
  // code for IE7+, Firefox, Chrome, Opera, Safari
  return new XMLHttpRequest();
  }
if (window.ActiveXObject)
  {
  // code for IE6, IE5
  return new ActiveXObject("Microsoft.XMLHTTP");
  }
return null;
}

</script>

 <select name="admin" id="admin">
            <optgroup label="">
              <option value="admin">Administration/HR/Consulting/CEO</option>
              <option value="5" >→ CEO/Geschäftsführung</option>
              <option value="2" >→ Assistenz/Sekretariat/Empfang/Sachbearbeitung</option>
              <option value="8" >→ Personalwesen/‐entwicklung</option>
              </optgroup>
              
            <optgroup label="">
              <option value="kauf">Verkauf/Einkauf/Marketing/Kundendienst/Logistik</option>
              <option value="4">→ Verkauf Innen‐ & Aussendienst/Akquisition</option>
              <option value="9" />→ Verkauf Innendienst/Back‐Office</option>
              <option value="10" />→ Marketing/Produktmanagement</option>
              <option value="11" />→ Import/Export/Logistik</option> 
              </optgroup>
            
            <optgroup label="">
              <option value="finanz">Finanzen/Treuhand/Immobilien/Banken/Versicherungen</option>
              <option value="12" />→ Buchhaltung/Controlling/Treuhand/Immobilien</option> 
              <option value="13" />→ Banken</option> 
              <option value="14" />→ Versicherungen </option> 
            </optgroup>
          </select>

<select name="region" id="region">
<option value="100">Ganze Schweiz</option>
<option value="2" />Rechtes Seeufer</option>
<option value="6" />Graub&uuml;nden</option>
<option value="5" />Zürich</option>
<option value="1" />Linkes Seeufer</option>
<option value="3" />Glarus</option>
<option value="4" />Zürich Oberland</option>
<option value="7" />Zentralschweiz</option>
<option value="8" />Kanton Zug</option>
<option value="9" />Ostschweiz</option>
<option value="10" />Deutschschweiz</option>
<option value="11" />Welschland / Französische Schweiz</option>
<option value="12" />Südschweiz / Italienische Schweiz</option>
</select>

<select name="anstellung" id="anstellung">
<option value="100">Alle Anstellungen</option>
<option value="temp" />Temporäre Anstellung</option>
<option value="try" />Try and Hire</option>
<option value="fest" />Feste Anstellung</option>
<option value="festTemp" />Fest und Temporäre Anstellung</option>

</select>

<input type='button' value=' GO' onclick="showUser(document.getElementById('admin').value,document.getElementById('region').value,document.getElementById('anstellung').value)">
</form>