Question

我有这段下拉代码，像这样有超过1个下拉列表，从中我想得到每个下拉列表的名称及其选定值

<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应该返回'Front-Desk'，其选择值为'2'（比方说）。如果有来自JQuery的解决方案，那么我也非常感谢你的帮助。

Answer 1

我想我理解你想要什么，所以你的HTML代码应该如下：

＆＃13;

<div style="display: inline-block;" class="dropdown">
        <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" ng-click="name='Back-Desk'">Back-Desk<span class="caret"></span></button>
        <ul class="dropdown-menu ">
            <li ng-click="getValue(0)"><a><span> 0</span></a></li>
            <li ng-click="getValue(1)"><a><span> 1</span></a></li>
            <li ng-click="getValue(2)"><a><span> 2</span></a></li>
            <li ng-click="getValue(3)"><a><span> 3</span></a></li>
            <li ng-click="getValue('Empty Values')"><a><span> Empty Values</span></a></li>
        </ul>
    </div>

＆＃13;

并且您的控制器应包含此功能

    $scope.getValue = function(value) {
        console.log("this is value:",$scope.name, value);
    }

Answer 2

您好我认为您是新角色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”，其中将显示您选择的值。

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

2 个答案: