javascript - 使用两个数组选择菜单

Question

如何使用两个数组(一个用于值，一个用于文本)创建下拉列表？

    var values = [10, 25, 50, 100];
    var text = ['ten', 'twenty-five', 'fifty', 'hundred'];

这样我就可以得到以下选择:

<select>
     <option value="10">ten</option>
     <option value="25">twenty-five</option>
     <option value="50">fifty</option>
     <option value="100">hundred</option>
</select>

Answer 1

你可以做一些类似的事情，但这与你的逻辑完全无关

<select>
     <option ng-repeat="t in text" value="{{values[$index]}}">{{t}}</option>
</select>

您也可以将其更改为类似的东西，创建一个关联数组或对象，例如

$scope.values = {"10":"ten", "25":"twenty-five","50":"fifty", "100":"hundred"};

演示

app = angular.module('test',[]);
app.controller('testctrl',function($scope){
$scope.values = {"10":"ten", "25":"twenty-five","50":"fifty", "100":"hundred"};
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-controller="testctrl" ng-app="test">
  
<select>
     <option ng-repeat="(key,val) in values "  value="{{key}}">{{val}}</option>
</select>
  </div>