从输入字段获取值并将其用作函数中的参数

时间:2015-06-12 21:20:45

标签: javascript html angularjs

我遇到了问题,所以我会将输入字段的输入值作为参数放入删除功能(插入到位X)

<input id="a" type="number" name="fname"><br>
<form action='#close' ng-controller='NoteFormController as formCtrl' ng-submit='formCtrl.delete(calCtrl.series[$index], X)'>
    <div class='form-field'>
        <input type='submit' value='delete value'>
    </div>
</form>

提前感谢您的帮助

3 个答案:

答案 0 :(得分:1)

您通常需要使用ngModel指令将输入元素的值绑定到范围模型。例如:

<input id="a" type="number" name="fname" ng-model="fname">
<br>
<form action='#close' 
      ng-controller='NoteFormController as formCtrl' 
      ng-submit='formCtrl.delete(calCtrl.series[$index], fname)'>
    <div class='form-field'>
        <input type='submit' value='delete value' />
    </div>
</form>

注意,上面的代码片段假定您有外部控制器包装输入和表单,因此fname模型将在相对于NoteFormController范围的父范围中设置。

答案 1 :(得分:0)

试试这个......

 $('#a').value();

答案 2 :(得分:0)

不要回退到jQuery访问器。您应该将范围变量绑定到delete函数中的输入和访问,或者传递给delete函数。

<input id="a" type="number" name="fname" ng-model="someVariable"><br>
  <form action='#close' ng-controller='NoteFormController as formCtrl' ng-submit='formCtrl.delete(calCtrl.series[$index], someVariable)'>
        <div class='form-field'>
            <input type='submit' value='delete value'> 
        </div>

在formCtrl控制器中,声明:

$scope.someVariable = '';

您还可以在控制器的delete()函数中访问$ scope.someVariable:

$scope.delete = function (seriesValue) {
    ...= $scope.someVariable;
}