Question

我想在我的网站上有一个功能，允许我有一个选择下拉菜单，一旦选择了一个选项，它会通过用保留在该文本上的按钮替换选择来锁定该选项。

我正在使用KnockoutJS和jquery。

我想我总是可以使用KnockoutJS的html数据绑定，只需使用javascript操作背景中的选择/按钮，但是Knockout可以做的所有花哨的东西，想想也许有更好的选择。< / p>

谢谢！

Answer 1

我会使用Knockout的visible绑定。在此示例中，select和button根据值的长度进行切换，但您也可以使用第二个属性切换可见性，以防您需要显示{{1}在某些时候再次。

<强> HTML

select

<强>的JavaScript

<select data-bind="value: test, visible: !test().length">
    <option></option>
    <option>Option 1</option>
    <option>Option 2</option>
</select>
<button data-bind="text: test, visible: test().length"></button>

这是一个小提琴：http://jsfiddle.net/bQKt6/2/

这是一个小提琴，它使用辅助属性来切换可见性以及再次显示var ViewModel = { test: ko.observable('') }; ko.applyBindings(ViewModel);的{{1}}上的点击处理程序：http://jsfiddle.net/LYhDx/1/

Answer 2

在下拉列表中放置一个.change处理程序，然后使用按钮将其替换为jquery。使用.val

保留下拉列表的值

以下是您的示例：http://jsfiddle.net/Rm69F/

选择选项后，将下拉菜单切换到按钮？在网页内

2 个答案: