GetElementByID возвращает значение null

Question

Я пытаюсь добавить проверку в свой проект с помощью javascript, но моя функция javascript не возвращает значения, если я использую функцию GetElementByID. Итак, мой PHP скрипт как:

<select name="IDDep" style="width:152px" onClick="getListaDep()"> 
    //blah blah 
</select><span></span> 

<div id="divDep"> 

Важно это действие OnClick

И мой JavaScript:

function getListaDep() { 
     var IDDep ; 
     IDDep= document.getElementById(IDDep).value; 

     var strURL="ajax_page/findDepTranz.php?&IDDep="+IDDep; 

     var req = getXMLHTTP();  
     if (req) {   
      req.onreadystatechange = function() { 
       if (req.readyState == 4) { 
        // only if "OK" 
        if (req.status == 200) {    
         document.getElementById('divDep').innerHTML=req.responseText; 
        } else { 
         alert("There was a problem while using XMLHTTP:\n" + req.statusText); 
        } 
       }    
      }   
      req.open("GET", strURL, true); 
      req.send(null); 
     }    
    } 

В findDepTranz.php

<?php 
$IDDep = intval($_GET['IDDep']); 
?> 

<div> 
    <?php echo 'IDDep: '.$IDDep; ?> 
</div> 

Этот пример Безразлично Не возвращай мне IDDep, но если я поставлю вместо этого: onClick="getListaDep(this.value)" и в javascri пт:

function getListaDep(IDDep) {    
     var strURL="ajax_page/findDepTranz.php?&IDDep="+IDDep; 
.... if works. 

мне нужно вернуть 2 значения как IDDep, и мой document.getElementById (IDDep) .value не работает. Любые предложения?