Question

我今天刚刚开始研究淘汰js !!

任何人都可以提供任何绑定敲除js下拉列表的实例。我在淘汰js中引用了这个例子，但是我无法将它绑定到下拉!!

<div id="state_container">
    <table border="0" cellpadding="0" cellspacing="0" class="form" 
        data-bind="with:" width="300px">
        <tr>
            <td>
                <span>StateName&nbsp; </span>

                &nbsp;<input type="text" name="stateName" data-bind="value:CountryName" />
            </td>
        </tr>
        <tr>
            <td>
                <span>Short Name</span>


                <input type="text" name="shortname" data-bind="value:ShortName" />
            </td>
        </tr>
        <tr>
            <td>
                <span>Country&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>&nbsp;
                  <select   data-bind="options:availableCountries,optionsCaption: 'Select Date'" style="width: 148px">
                </select>
            </td>
        </tr>
        <tr>
            <td>
                <input type="button" name="btnSubmit" value="Add" data-bind="click:$parent.Submit" />


                <input type="button" name="btnReset" value="Reset" data-bind="click:$parent.Reset" />
            </td>
        </tr>
    </table>
</div>

脚本：

<script type="text/javascript">

      var viewmodel = { availableCountries: ko.observableArray(['India', 'Austaralia']) };

</script>

我还缺少什么？请给我任何参考，解释敲出js绑定!!

Answer 1

你真的绑定了模型吗？

<script type="text/javascript">
    var viewmodel = { availableCountries: ko.observableArray(['India', 'Austaralia']) };
    ko.applyBindings(viewmodel);
</script>

我注意到的另一件事：你的表中有一个半写的绑定：

data-bind="with:"

这可能会破坏事情。

第一个淘汰赛js下拉列表

1 个答案: