angularjs代码从html表中获取下拉值

时间:2016-06-14 05:18:08

标签: javascript jquery html angularjs

我对angularjs比较陌生,目前仍遇到问题。

我在HTML表格中有一个下拉单元格。我想通过单击SAVE按钮从下拉列表中获取该值并保存到数据库。

我在HTML表格中使用ng-options的下拉单元格如下

<tr>
<td><select  ng-model="UserId"
    ng-options="item for item in resourceArray">
</select>
</td>
</tr>

我的resourceArray看起来像:

  

[&#34; C41113&#34;,&#34; U16453&#34;,&#34; C40355&#34;,&#34; U47464&#34;,&#34; U16087&#34;,& #34; U41059&#34;]

有没有办法在angularJS

的帮助下从下拉列表中保存值

如果需要任何其他详细信息,请与我们联系。

由于 Padman

2 个答案:

答案 0 :(得分:0)

是的,你可以...... $ scope.UserId会在你的下拉列表中给你选择的值。现在把它保存到数据库中..你只需要执行$ http.post(&#34; SERVER URL& #34;,{DATA})请求。您可以在服务器端获取数据,然后将其保存到数据库..

答案 1 :(得分:0)

由于您已使用ng-model,因此您可以在点击保存按钮时使用相同的内容:

<强> JS:

$scope.save = function() {
    $scope.selectedValue = !$scope.UserId ? 'None' : $scope.UserId;
    alert('Selected value: ' + $scope.selectedValue);
}

<强> HTML:

<button ng-click="save()">Save</button>

访问演示here