did not take the selected value from dropdownlist using ajax jquery

See more:

C#

ASP.NET

jQuery

drop-down

heyy....

Iam using ajax jquery to fill a dropdownlist ,The dropdown is fill but when a get the value of dropdownlist from code (ddl.selectedvalue) . I didn't get that value ...



Here is my jquery to fill dropdownlist -

 <script type="text/javascript">
     $(document).ready(function() {

         $("#ctl00_MPPSContent_txtedate").blur(autoFill());
         $("#ctl00_MPPSContent_btnGenereate").click(function() {
             var jno = $("#ctl00_MPPSContent_ddlJournalNo").val();
             if (jno == '-1') {
                 alert('Please Select Journal No');
                 return false;
             }
             else {
                 return true;
             }
         });
     });


     $("#ctl00_MPPSContent_txtedate").blur(function() {

         autoFill();
     });



function autoFill() {
    var fromdate = $("#ctl00_MPPSContent_txtfdate").val();
    var todate = $("#ctl00_MPPSContent_txtedate").val();

    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: "ReconciliationReportByProduct.aspx/BindJournalNo",
        //  data: "{'txtfromdateDate':'" + txtfromdateDate + "'}",
        data: "{'txtfromDate':'" + fromdate + "','txttoDate':'" + todate + "'}",
        dataType: "json",
        success: function(data) {

            var theHtml = data.d;
            $("#ctl00_MPPSContent_ddlJournalNo").empty();


            $("#ctl00_MPPSContent_ddlJournalNo").append($("<option></option>").val('-1').html('--Select--'));

            if (data.toString().length > 0) {
                $.each(data.d, function(key, value) {

                    $("#ctl00_MPPSContent_ddlJournalNo").append($("<option></option>").val(key).html(value));
                });
            }
        },
        error: function(result) {
            alert('Error');
        }
    });
}


  </script>

Any idea?