在Angular的下拉列表中获取选定的字符串

Question

首先，我绝对是前端开发的初学者，因此，如果问题太简单，请原谅。

我正在处理的项目的下拉列表定义为：

<div ng-controller="FacetController">
    <div class="spnlocationdrop-container" ng-hide="isservicelocal">
        <select class="spnlocationdrop" ng-model="$parent.locationsearch" ng-options="location for location in locations | sortArray ">
            <option value="">All Cities</option>
        </select>
   </div>
</div>

该列表包含城市，用户必须从中选择一个。 该值必须存储，并通过AJAX调用发送到后端。

如何获得所选值？ 到目前为止，我一直使用document.getElementByID().value()函数进行此操作，但是由于上面的列表不包含ID ，我该如何获取值？

Answer 1

ng-model将具有所选选项的值。

这是一个简单的工作示例： Plunker

在我的示例中， data.singleSelect具有所需的值，因此我可以使用{{ data.singleSelect }}将其输出到视图中，尽管如果要在控制器中访问它，则可以var input = $scope.data.singleSelect ，然后通过AJAX调用将该input变量传递给后端。