javascript - 获取 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 }} 将其输出到 View ，但如果我想在我的 Controller 中访问它，我会执行 var input = $scope.data.singleSelect ，然后通过 AJAX 调用将该 input 变量传递到后端。