我正在尝试使用 Angular 和 Bootstrap 为我的下拉多个选项创建一个占位符。但看起来我做错了。我为占位符设置了一个选项,例如 please select
并将其放在顶部,但直到我第一次提交后才显示。
<label>Question</label><br>
<select #question="ngModel" name="question" [(ngModel)]="AppService.selectedquestion.question" class="empty form-control">
<option value="" disabled selected hidden>Please select</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select><br>
<button type="submit" class="btn btn-sm btn-primary">Submit</button>
我认为这是由我的 ngModel
部分引起的。有人可以帮我解决这个问题吗?
最佳答案
如果您删除隐藏
属性,即使在第一次提交后,您也可以看到“请选择”选项。希望这能满足您的要求
<label>Question</label><br>
<select #question="ngModel" name="question" [(ngModel)]="AppService.selectedquestion.question" class="empty form-control">
<option value="" disabled selected>Please select</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select><br>
<button type="submit" class="btn btn-sm btn-primary">Submit</button>
关于html - Bootstrap,选择选项占位符仅在首次提交后显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48107298/