Question

有人知道如何在我的情况下输入提交按钮吗？

<div data-bind="with: idea">
    <input type="text" data-bind='value:itemToAdd, valueUpdate: "afterkeydown"' />
    <input type="button" id="addButton" data-bind="click:$parent.addItem, enable: itemToAdd" value="add" />
    <ul data-bind="foreach:allItems">
        <li> <span data-bind="text:$data"></span>
                <input type="button" data-bind="click:$root.removeItem.bind($parent, $data)" value="-" />
        </li>
    </ul>
</div>

Here's fiddle

Answer 1

我建议以这种方式实现它：

<form data-bind="with: idea, submit: addItem">
    <input type="text" data-bind='value:itemToAdd, valueUpdate: "afterkeydown"' />
    <input type="submit" id="addButton" data-bind="enable: itemToAdd" value="add" />
    <ul data-bind="foreach:allItems">
        <li> <span data-bind="text:$data"></span>
                <input type="button" data-bind="click:$root.removeItem.bind($parent, $data)" value="-" />
        </li>
    </ul>
</div>

我的想法如下：您使用form包装控件并添加submit绑定，这意味着将在表单提交时执行操作。现在，在您实际提交from的表单中按Enter键，这就是执行submit操作的原因。

输入时输入html输入类型按钮

1 个答案: