Bootstrap,选择选项占位符仅在首次提交后显示

Posted

技术标签:

【中文标题】Bootstrap,选择选项占位符仅在首次提交后显示【英文标题】:Bootstrap, Select Option placeholder only showing after first submit 【发布时间】:2018-06-14 21:27:08 【问题描述】:

我正在尝试使用 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 部分引起的。有人可以帮我解决这个问题吗?

【问题讨论】:

【参考方案1】:

如果您删除hidden 属性,即使在第一次提交之后,您也可以看到“请选择” 选项。希望这符合您的要求

<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>

【讨论】:

以上是关于Bootstrap,选择选项占位符仅在首次提交后显示的主要内容,如果未能解决你的问题,请参考以下文章

为啥我的 iOS 应用程序仅在首次运行时正确检测到当前语言?

Foundation 兜风仅在首次加载问题时启动

应用内购买仅在首次应用启动时失败

如何在日期选择器输入上显示占位符?

iPhone简介视图-仅在首次加载时加载[关闭]

Tensorflow:GPU 加速仅在首次运行后发生