根据在Knockout.JS中选择的下拉值设置文本框的可见性

Question

我有以下下拉列表

<select class="sf-dropdown" data-bind="options: Statuses, optionsText: 'Description', value: SelectedStatus, valueAllowUnset: false"></select>

如果选择的下拉值为“未完成”（状态值为0），我希望文本框显示。

我的文本框为

<input type="text" id="txtTaskReason" style="width: 40%" data-bind="with: SelectedStatus, visible: SelectedStatus()==='Not Completed', value: Reason" />

然而它似乎不起作用。关于我做错了什么的任何想法？感谢

Answer 1

看起来SelectedStatus值是一个对象，所以如果你改为

visible: SelectedStatus() && SelectedStatus().Description ==='Not Completed'

它可能有用。