Javascript 我想使用angular获取所选项目

html代码

<div ng-controller="DropdownCtrl as vm">
  <select name="singleSelect" ng-model="data.model" 
     ng-change="vm.userSelect(data.model)"
     ng-click="vm.loadTenantList()">
    <option ng-repeat="tenant in vm.tenants" >{{tenant.name}}</option>
  </select><br>
</div>

如何获取所选元素？

而是使用ng选项：

    <div ng-controller="DropdownCtrl as vm">
      <select name="singleSelect" ng-model="vm.selectedTenant" ng-init="vm.loadTenantList()" 
ng-options="tenant as tenant.name for tenant in vm.tenants "> 
      </select>
    </div>

---

vm.selectedTenant

将为您提供所选的租户。

您可以这样获得，请将id保留在选择选项标签中，如下所示

<select name="singleSelect" ng-model="data.model" 
   ng-change="vm.userSelect(data.model)"
    ng-click="vm.loadTenantList()"  id="TenaList">
    <option ng-repeat="tenant in vm.tenants" >{{tenant.name}}</option>
</select>

用这个

<div ng-controller="DropdownCtrl as vm">
   <select name="singleSelect" ng-model="vm.data" 
      ng-click="vm.loadTenantList()">
     <option ng-repeat="tenant in vm.tenants" >{{tenant.name}}</option>
   </select><br>
</div>

{{tenant.name}

---

然后，您可以使用

vm.data

获取所选项目。我应该在控制器上执行smth吗无需在控制器上执行任何操作，您可以初始化vm.selectedTenant={}，但这不会有任何区别。我如何使用$http将其作为默认参数进行设置您希望它被预选吗？？在方法中尝试以下操作：vm.loadTenantList=function（）{tenantServices.tenantList（{}，函数（响应）{vm.tenants=response.dataList；vm.selectedTenant=vm.tenants[0]}；}；否当用户单击其中一个时，我将使用$http服务将其设置为默认参数。这就是学校对你所做的

var e = document.getElementById("TenaList");
var selected_value = e.options[e.selectedIndex].value;

<div ng-controller="DropdownCtrl as vm">
   <select name="singleSelect" ng-model="vm.data" 
      ng-click="vm.loadTenantList()">
     <option ng-repeat="tenant in vm.tenants" >{{tenant.name}}</option>
   </select><br>
</div>