javascript - 选择下拉值时，应在文本框中填充相应的适当值

Question

选择下拉值时，相应的适当值应显示在文本框中。如何在 Angular js 中做到这一点？就像我有下拉菜单:

<select class="input-medium" ui-select2 name="affiliate" required ng-model="payout.affiliate.id" required gt-input-msg gt-error-msgs="gtErrorMsgs">
<option></option>
<option ng-repeat="s in affiliateList" value ={{s.id}}>{{s.affiliateName}}</option>
 </select>

选择任何值时，我应该能够在其他 div 或文本框中显示属性affiliate.points。

请帮助我。

Answer 1

您可以在选择元素上使用 ngChange 指令，如下所示:

<select ng-model="selectedAffiliate" ng-change="GetAffiliatePoints(selectedAffiliate)"></select>

当选择值更改时，作用域上的 selectedAffiliate 属性会更新以保存所选值。然后您可以查找该附属机构的积分并将其显示在某处。