无法在javascript中获取选定的选项值

Question

我知道这个问题很简单，但不幸的是我无法解决。所以，我有这个代码：

<select class="chosen-select" id="taskGroupId" name="taskGroupId" onchange="refreshGridGroup(this.value)">
    <option value="all">All Task Group</option>
     <?php
         if ($this->arrSelectTaskGroup) {
           foreach ($this->arrSelectTaskGroup as $v) {
              if ($v['value'] == $this->defaultId) {
                   echo '<option value="'.$v["value"].'" selected>'.$v["name"].'</option>';
              } else {
                   echo '<option value="'.$v["value"].'">'.$v["name"].'</option>';
              }
           }
         }
      ?>
  </select>
<a href="#" role="button" class="btn btn-default btn-sm" onclick="downloadToXls()">Export To Excel</a>

我试图获得选项值：

function downloadToXls() {
    var a =$('#taskGroupId').val();
    alert(a);
}

但警报是空的。我不知道我的代码有什么问题。请帮助我......