数据绑定点击事件不适用于 <option> Html 标签

Question

我使用和标签创建了下拉菜单。和我正在尝试使用 KO 绑定标签中的函数。但它不工作。如果我在按钮或 div 标记中调用相同的函数，它工作正常，但在选项标记中它不起作用。任何人请帮助我我的示例代码是

 <form class="class1">
                <select id="id1">
                        <option value="value1" data-bind="click: function () { $parent.DeviceViewModel.info_tab1($data) }">dummy1</option>
                        <option value="value2" data-bind="click: function () { $parent.DeviceViewModel.info_tab2($data) }">dummy2</option>
                        <option value="value3" data-bind="click: function () { $parent.DeviceViewModel.info_tab3($data) }">dummy3</option>
                        <option value="value4" data-bind="click: function () { $parent.DeviceViewModel.info_tab4($data) }">dummy4</option>
                 </select>
            </form>

谢谢。

Answer 1

我认为这是因为使用了 $data。

尝试使用以下

<option value="value1" data-bind="click: function () { $parent.DeviceViewModel.info_tab1($parent) }">dummy1</option>

数据绑定点击事件不适用于 <option> Html 标签

Data bind click event not working on the <option> Html tag

select

data-binding

knockout.js

click

option