如何基于JQuery下拉列表值加载页面

时间:2017-06-26 18:57:46

标签: javascript jquery asp.net

我已经建立了一个ASPX网页,我根据过滤条件生成报告。我有一个jqxwidget,我用它来获取我的下拉列表,它从我创建的var中获取它的值:

@ContentChild(NgControl)

我希望我的按钮能够根据上面选择的值加载网页。如何让我的按钮加载所选的下拉列表值?

1 个答案:

答案 0 :(得分:0)

您确实分享了HTML输出或提及了select元素ID,但我想它是report_type并且假设您有一个ID为report_table的表,其中报告数据将是显示。

$('select').first().on( 'change', function() {
    // get the report ID
    var reportID = $(this).val();

    // pass that to your API endpoint or any file to process your request
    // via AJAX
    $.ajax({
        url: 'someFile.asp',
        data: {
            report: reportID
        },
        success: function( response ) {
            // let's suppose your response is in JSON

            // target table
            var table = $('#reports_table');

            // insert the data
            response.each(function( index, row ){
                table.append('<tr><td>' + row.title + '</td></tr>');
                // depends on your data but should not be hard to guess
            })
        }
    })
} );

注意:上面的代码未经过测试,可能会有一些错误,可能会因您的数据和环境而异。

让我知道它是否有帮助,如果您需要进一步的帮助。