如何将标题放在下拉列表中?

How to put a title in a drop down list?

提问人:mohciniya 提问时间:5/2/2022 最后编辑:mohciniya 更新时间:5/3/2022 访问量:692

问:

下拉列表为白色/空。例如,我想放一个标题.Choose

插图

我尝试添加,但我希望标题在用户单击下拉列表之前出现在输入中。<optgroup label="Choose">/ </optgroup>

如何做到这一点?

<select [(ngModel)]="type" name="type" class="form-select" style="width: 10%">
  <optgroup label="Choose ">
    <option value="Y">Yes</option>
    <option value="N">No</option>
  </optgroup>
</select>

这是 Stackblitz 的复制品。

谢谢

HTML 角度

评论

0赞 Diego D 5/2/2022
<option value="" disabled selected>Choose...</option>或者看这里:stackoverflow.com/questions/5805059/......
0赞 Archit Gargi 5/2/2022
默认情况下,标签会选择第一个选项,并且永远不会为空...<select>

答:

0赞 Archit Gargi 5/2/2022 #1

使用这个 -

<select [(ngModel)]="type" name="type" class="form-select" style="width: 10%" placeholder="Choose">
    <option disabled selected>Choose</option>
    <option value="Y">Yes</option>
    <option value="N">No</option>
</select>

这个答案部分复制自 gam6itko 回答的这个答案

0赞 Parth 5/2/2022 #2
<select [(ngModel)]="type" name="type" class="form-select" style="width: 10%" placeholder="Select a value">
  <option selected disabled value="">Select a value</option>
  <option value="Y">Yes</option>
  <option value="N">No</option>
</select>