Question

我有以下代码用于使用angular JS绑定下拉列表

＆＃13;

<select ng-model="selectedOption" ng-options="item as item.Area for item in ItemOptions">
		<option value="">Select a value..</option>
</select>

＆＃13;

ItemOptions 是一个数组。

＆＃13;

var ItemOptions =[];

ItemOptions = [{C1,A1},{C2,A2},{C3,A3},{C4,A4}];

＆＃13;

最后当我在下拉列表中选择任何选项时，值将如下所示出现。

＆＃13;

var country = $scope.selectedOption.Country;
 var area = $scope.selectedOption.Area;

＆＃13;

如果我想根据选项文本在上面的下拉列表中选择一个值。例如

$ scope.selectedOption.Area ==＆＃39; A3＆＃39;

如何根据上述标准选择值。预期产出如下。

＆＃13;

<select ng-model="selectedOption" ng-options="item as item.Area for item in ItemOptions">
    		<option value="C1">A1</option>
            <option value="C2">A2</option>
            <option value="C3" selected="selected">A3</option>
            <option value="C4">A4</option>
</select>

＆＃13;

答案很好，即使它来自Javascript，Angular或Jquery

Answer 1

这就是我在jQuery中的做法，希望它有所帮助。

$(function(){  
  $('#select-box option').prop('selected', false).filter(function(index){      
      return $(this).text() == 'A4';
    }).prop('selected', true);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select id="select-box" ng-model="selectedOption" ng-options="item as item.Area for item in ItemOptions">
  <option value="C1">A1</option>
  <option value="C2">A2</option>
  <option value="C3" selected="selected">A3</option>
  <option value="C4">A4</option>
</select>

如何在下拉列表中使用选项文本而不是在Angular JS

1 个答案: