数据绑定单击事件在 <option> Html 标记上不起作用答案

【问题标题】：Data bind click event not working on the <option> Html tag数据绑定单击事件在 <option> Html 标记上不起作用
【发布时间】：2021-02-23 08:17:50
【问题描述】：

我已经使用和标签创建了下拉菜单。和我正在尝试使用 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>

谢谢。

【问题讨论】：

标签： select data-binding knockout.js click option

【解决方案1】：

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

尝试使用以下

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

【讨论】：