ASP.NETCoreMVC中如何从下拉列表中绑定所选值到动态生成的表中？ _编程开发

ASP.NETCoreMVC中如何从下拉列表中绑定所选值到动态生成的表中？

创始人

2024-09-18 03:00:28

0次

首先，在视图中创建下拉列表，并为其提供id和name属性。代码示例：

在表格中创建需要绑定下拉列表数据的 td 元素。可以为每个 td 元素设置一个特殊的属性（例如 data-binding），以便后面通过 JavaScript 进行处理。代码示例：

在 JavaScript 中编写绑定下拉列表数据的代码。首先，获取动态生成的表格元素和下拉列表元素。然后，遍历所有带有 data-binding 属性的 td 元素，并将其值设置为下拉列表所选值。代码示例：

$(document).ready(function () {
    var table = $('#myTable');
    var ddlCountry = $('#ddlCountry');

    table.find('td[data-binding]').each(function () {
        var binding = $(this).attr('data-binding');
        if (binding === 'ddlCountry') {
            $(this).text(ddlCountry.val());
        }
        //其他绑定数据到 td 元素的代码
    });
});

ddlCountry.change(function () {
    var table = $('#myTable');

    table.find('td[data-binding="ddlCountry"]').each(function () {
        $(this).text(ddlCountry.val());
    }
});

最后，将 JavaScript 代码添加到视图文件中，以在用户选择下拉列表值时更新 td 元素的值。下面是完整代码示例：