从JS中的HTML中捕获表单文本

Question

所以我有以下代码：

<div align="left" id="operationInformation" style="display:none;">
  <p class="operation-details">You chose operation: {{operationDetails.returnType}} <span id="operation-details-name">{{operationDetails.name}}</span></p>

  <div ng-repeat="parameter in operationDetails.parameters">
    <p></p>
    <form class="form-inline">
      <label class="sr-only" for="inlineFormInput">Parameter$index</label>
      <p class="operation-details">{{parameter.type}} <input type="text" class="form-control mb-2 mr-sm-2 mb-sm-0" id="inlineFormInput" placeholder="{{parameter.name}}"></p>
    </form>
    <p></p>

  </div>
  <button type="submit" class="btn btn-default">Submit</button>

基本上它只是一系列表格和一个提交按钮。

请参阅下面的图片以获得澄清：

当我在表单中键入“true”时，我希望当我单击“提交”时，我将获得以某种方式在javascript中捕获的表单中插入的值，以便我可以使用它来调用插入的控制器参数。

我使用Angular 1.6。

非常感谢！

Answer 1

您可以使用jquery val（）方法来检索值。

var x = $('#inlineFormInput').val();

只需在窗体的onsubmit事件上调用一个函数，并将此逻辑放在那里。

否则你可以使用jquery的serializeArray方法。