您不能多次将绑定应用于同一元素，淘汰JS问题

如何解决您不能多次将绑定应用于同一元素，淘汰JS问题

我需要有关此错误的帮助。我试图通过从下拉列表中选择选项来更改div元素的可见性，但我一直都在收到此错误。

这是我的代码

.js文件：

var viewmodel = {
            currentSelect : ko.observable("CostPools")
        };
        ko.applyBindings(viewmodel);

html文件：

    <div class="container">
        <div class="row">
            <div class="col-sm-9">
                <h4 class="section-title">Actuals vs Budgeted Amounts for Cost Pools and IT Towers</h4>
            </div>
            <div class="col-sm-3">
                <select data-bind="value: currentSelect">
                    <option value="costPools">Show Cost Pools</option>
                    <option value="itTowers">Show IT Towers</option>
                    <option value="showBoth">Show Both</option>
                </select>
            </div>
        </div>
    </div>
    <!-- ko if: currentSelect() === 'costPools' -->
    <div style="width: 98%; height: 300px;" id="cost-pools-chart"></div>
    <!-- /ko -->
    <!-- ko if: currentSelect() === 'itTowers' -->
    <div style="width: 98%; height: 300px;" id="it-towers-chart"></div>
    <!-- /ko -->
    <!-- ko if: currentSelect() === 'showBoth' -->
    <div style="width: 98%; height: 300px;" id="cost-pools-chart"></div>
    <hr />
    <div style="width: 98%; height: 300px;" id="it-towers-chart"></div>
    <!-- /ko -->
    <!-- /ko -->

我需要根据下拉列表显示这两个div。例如，如果选择了“成本池”，则显示“成本池” div；如果选择“ IT塔”，则显示IT塔的div；最后，如果选择“显示全部”，则显示两个hr /的div。 问题是我不确定这里可能是什么问题，并且在您需要帮助之前我从未实现过下拉列表。谢谢你。

错误：未捕获的错误：您不能多次将绑定应用于同一元素。

解决方法

问题是我的代码中如何绑定到viewModel并声明变量。