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

我想在我的网站上有一个功能，允许我有一个选择下拉菜单，在选择一个选项时，它将锁定该选项，替换为保留该文本的按钮选择

我正在使用KnockoutJS和jquery

我想我可以一直使用KnockoutJS的html数据绑定，并使用javascript在后台操纵select/按钮，但是Knockout可以做很多奇妙的事情，我想也许有更好的选择

谢谢大家!

在下拉列表中放置一个处理程序，然后用带有按钮的jquery替换它。通过使用保留下拉列表的值

---

这里有一个例子：

我会使用敲除的

可见的
绑定。在本例中，
选择
和
按钮
根据值的长度进行切换，但您也可以使用第二个属性来切换可见性，以防您可能需要在某个时间再次显示
选择

HTML

<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>

这是一把小提琴：

这里有一个fiddle，它使用一个辅助属性来切换可见性以及
按钮上的一个单击处理程序，再次显示
选择
：
如果解决了您的问题，请不要忘记接受此答案。感谢您的回答，它会起作用，但特别是在等着看是否有人能像查理所提供的那样，给出一个更具击倒倾向的答案。谢谢你们两位！
var ViewModel = {
    test: ko.observable('')
};
ko.applyBindings(ViewModel);