Jqeury二级联动问题


$(document).ready(function()
{
    $.post("ArticleType.ashx",{vo:"par"},function(data)
   {
        $("#Select1").empty().html(data);
   },"html");
    
    $("#Select1").change(function()
    {
        $.post("ArticleType.ashx",{parID:$(this).val(),menu:QueryString("menu"),vo:"child"},function(data)
        {
            if(data.length>0)
                $("#Select2").empty().html(data);
            else
                $("#Select2").empty().append("<option value='"+$("#Select1").val()+"'>"+$("#Select1").find("option:selected").text()+"</option>");  
        },"html");
    })
    Select2Init()
})function Select2Init(){
    $.post("ArticleType.ashx",{parID:$(this).val(),menu:QueryString("menu"),vo:"child"},function(data)
        {
        alert(data.length);
            if(data.length>0)
                $("#Select2").empty().html(data);
            else
                $("#Select2").empty().append("<option value='"+$("#Select1").val()+"'>"+$("#Select1").find("option:selected").text()+"</option>");  
        },"html");
}
以上二级联动是正常的，只有一个小头疼的问题首次进入页面的时候，第一个select加载好了，怎么让他默认再根据第一个加载选中的值来加载第二个
小弟刚学Jquery才两天好多不懂，另请教个问题
怎么将DataTable和List<>转换成Json