使用下拉选择值加载数据表

Question

我正在尝试使用下拉选择值加载数据表。但代码似乎不起作用。我在隐藏字段中保存其on-change和重定向的下拉值，但new_id为null。以下是我的代码。

HTML

    <input type="hidden" id="id_abc">
    <select id="abc" name="abc" class="form-control" onchange="xyz(this);">
    <option>-- Select --</option>
    </select>  

JS

    $(document).ready(function() {

         var new_id = $('#id_abc').val();

         if(new_id)
         {
            //GET DATA TABLE USING new_id

         }
    });

    function xyz(id)
    {
       $('#id_abc').val(id.value);
       //show the table
       var url =_PATH_+'?id='+id.value ;
       window.location = url; // redirect

    }

任何帮助将不胜感激。提前谢谢。