Question

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

@ContentChild(NgControl)

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

Answer 1

您确实分享了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
            })
        }
    })
} );

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

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

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

1 个答案: