Javascript 如何从angularjs中的下拉列表中检索值

我有一段下拉代码， 像这样有不止一个下拉列表， 我想从中获取每个下拉列表的名称及其所选值

<div style="display: inline-block;" class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">Front-Desk<span class="caret"></span></button>
    <ul class="dropdown-menu">
      <li><a href="#"> 0</a></li>
      <li><a href="#"> 1</a></li>
      <li><a href="#"> 2</a></li>
      <li><a href="#"> 3</a></li>
      <li><a href="#"> Empty Values</a></li>
    </ul>
</div>

例如：对于上面的代码，angularjs应该返回我的“前台”，并带有其选择的值“2”。

---

如果有来自JQuery的解决方案，那么我也非常感谢您的帮助。

您好，我想您是angular btw的新手：

    <div style="display: inline-block;" class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">Front-Desk<span class="caret"></span></button>
    <ul class="dropdown-menu">
      <li><a href="#"><span ng-model="value"> 0</span></a></li>
      <li><a href="#"><span ng-model="value"> 1</span></a></li>
      <li><a href="#"><span ng-model="value"> 2</span></a></li>
      <li><a href="#"><span ng-model="value"> 3</span></a></li>
      <li><a href="#"><span ng-model="value"> Empty Values</span></a></li>
    </ul>
</div>

---

在控制器中，您必须声明一个变量$scope.value，您所选的值将出现在该变量中。

我想我了解您想要什么，因此您的html代码应该如下所示：

后台 0 1. 2. 3. 空值

---

我在控制器中将$scope.value声明为全局的，但是在console.log中也看不到输出。当您从下拉列表中选择value时，您需要调用在其中控制该值的函数在控制器中，您可以检查值。是的，我保留了一个按钮，单击后有一个函数正在运行，在函数中我放置了console.log$getdata.clickfunction{console.log$scope.value；}；我用你的方法还是没有成功。是的，我确实想这么做。感谢mate的帮助事实上，我总共有10个这样的下拉列表，对于每个下拉列表，我不能单独使用10个函数。有什么方法可以让我在一个函数中获得所有10个下拉列表的名称和值吗？是的，你可以使用这个函数进行所有下拉列表，只需复制你的html并使用另一个名称进行按钮单击。是的，我找到了，但我也感谢你的帮助@哈米迪