Javascript 多个下拉列表和一个数据源Kendo

我有一个页面，提供用户5下拉列表与安全问题。它们是通过一个本地数据源对象设置的，基本上就是一个对象中的10个问题。我想将所有5个下拉列表绑定到同一个数据源，并选择一个问题，将其从数据源中删除，这样您就不能为接下来的任何问题选择它。以下是我目前的代码：

var questions =
        [{
            value: "Your first pet\'s name?"
        },
            {
                value: "Your favorite teacher?"
            },
            {
                value: "The city you were born in?"
            },
            {
                value: "Your mother\'s maiden name?"
            },
            {
                value: "The high school you attended?"
            },
            {
                value: "First name of the first person you kissed?"
            },
            {
                value: "What did you want to be when you grow up?"
            },
            {
                value: "The brand of your first car?"
            },
            {
                value: "Your favorite city?"
            }];
    var localDataSource = new kendo.data.DataSource({
        data: questions
    });
    var dropdown = $('.dropdownlist');
        dropdown.kendoDropDownList({
            dataTextField: "value",
            dataValueField: "value",
            dataSource: localDataSource
        });

和我的HTML来呈现字段：

<input class="dropdownlist w250px" name="questions[1][question]" />

---

每个问题5次

为了实现所需的行为，您可以使用相同的数据，但使用单独的数据源实例，否则您将无法对每个DropDownList进行不同的筛选

下面是一个示例，您可以将其用作起点，并对其进行进一步自定义以匹配您的场景

使用的API包括：

相关剑道UI下拉列表



风险值数据=[
{id:1，案文：“问题1”}，
{id:2，案文：“问题2”}，
{id:3，案文：“问题3”}
];
对于（var j=1；j要实现所需的行为，您可以使用相同的数据，但使用单独的数据源实例，否则您将无法对每个DropDownList进行不同的筛选

下面是一个示例，您可以将其用作起点，并对其进行进一步自定义以匹配您的场景


使用的API包括：









相关剑道UI下拉列表



风险值数据=[
{id:1，案文：“问题1”}，
{id:2，案文：“问题2”}，
{id:3，案文：“问题3”}
];
对于（var j=1；j