Question

我必须访问下拉列表中的最近元素。在html下方，有多个下拉框和输入框，因此在下拉框中选择其他框时，我必须启用和禁用该块中最近的输入框。

<div class="form-block" *ngFor="let applicant of consumerData;">
<div class="form-row">
<div class="form-group">
<label class="label__select-form--hidden">Type</label>                    
  <div class="select-dropdown">
    <select class="select-menu" (change)="onTypeChange($event.target.value)">
            <option value="medical">Major Medical</option>
            <option value="Others">Others</option>
        </select>
  </div>
</div>
</div>   

<div class="form-row">
  <div class="form-group">
    <label for="othersLabel">Others</label>
     <div class="form-textbox">
       <input class="form-control" id="othersLabel" name="othersLabel">
     </div>
  </div>
</div>  
</div>

为了快速查看，我更新了stackblitz。

提前感谢您快速解决问题。

Answer 1

在“选择”按钮中声明模板变量，然后使用模板变量禁用输入按钮，因为我已经编辑了代码，请尝试使用这种方法

<div class="form-block" *ngFor="let applicant of consumerData;">
<div class="form-row">
<div class="form-group">
<label class="label__select-form--hidden">Type</label>                    
  <div class="select-dropdown">
    <select class="select-menu" #v (change)="onTypeChange($event.target.value)">
            <option value="medical">Major Medical</option>
            <option value="Others">Others</option>
  </select>
  </div>
</div>
</div>   

<div class="form-row">
  <div class="form-group">
    <label for="othersLabel">Others</label>
     <div class="form-textbox">
       <input class="form-control" id="othersLabel" name="othersLabel" [disabled]="v.value=='Others'">
     </div>
  </div>
</div>

示例：https://stackblitz.com/edit/angular-2yuwyf

如何基于角度5中的选择选项处理最近的元素？

1 个答案: