How to put a title in a drop down list?

Question

The dropdownlist is white/empty. I would like to put a title for example Choose.

I tried adding <optgroup label="Choose">/ </optgroup> but I want the title to be in the input before that the user clicks on the dropdown.

How to do this?

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

Here is a reproduction on Stackblitz.

Thanks

`` or look here: https://stackoverflow.com/questions/5805059/how-do-i-make-a-placeholder-for-a-select-box — Diego D, May 02 '22 at 13:02

Archit Gargi · Accepted Answer · 2022-05-03T08:55:06.573

0

Use this -

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

This answer is copied partially from this answer answered by gam6itko

edited May 03 '22 at 08:55

answered May 02 '22 at 13:04

Archit Gargi

634
1
8
24

score 0 · Answer 2 · answered May 02 '22 at 13:08

0

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

answered May 02 '22 at 13:08

Parth

31
7

How to put a title in a drop down list?

2 Answers2