javascript - 如何在knockoutjs中访问表单输入

Question

我有这样的 HTML:

<form data-bind="submit: mySubmit>
  <input type="text" ...

我想在提交时访问输入的值:

mySubmit = function() {
  var textValue = ???;
  alert(textValue);
}

我怎样才能做到这一点？我可以为文本字段提供一种 ID，但我不希望该 ID 是全局的(例如，我可能在一个页面上有多个这样的表单)。

Answer 1

如果您从 knockout 的 Angular 来看它，那么您确实希望在 View 模型中表示输入的值。这意味着将 data-bind="value: myValue" 添加到您的输入中。然后，您可以从 mySubmit 方法中的 View 模型访问它。

类似:http://jsfiddle.net/rniemeyer/sAyET

我不推荐它，但是submit方法实际上是通过Knockout在其第一个参数中传递表单元素(它确实应该传递当前数据和事件，但目前它是元素)。

所以，你可以这样做:http://jsfiddle.net/rniemeyer/sAyET/1/ 。理想情况下，您的 View 模型不应包含对 DOM/ View 的任何引用，因此除非绝对必要，否则我不会推荐此选项。