Is it possible to add custom button to select dropdown menu?


Terrence Jackson

Is it possible to add custom buttons ("OK" and "Cancel") like the image below, so that in the multi-selection pad dropdown, the user doesn't have to click outside the box to close the dropdown?

I don't see this in the angular documentation

<h4>Basic native select</h4>
<mat-form-field>
  <mat-label>Cars</mat-label>
  <select matNativeControl required>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </select>
</mat-form-field>

This is stackblitz I have so far https://stackblitz.com/edit/select-all-option-angular-material?file=src%2Fapp%2Fapp.component.html

Supun De Silva

This is also the version with basic event handling

https://stackblitz.com/edit/select-all-option-angular-material-uvu3eb

Related


Is it possible to add custom button to select dropdown menu?

Terrence Jackson Is it possible to add custom buttons ("OK" and "Cancel") like the image below, so that in the multi-selection pad dropdown, the user doesn't have to click outside the box to close the dropdown? I don't see this in the angular documentation <h4

Is it possible to add custom button to select dropdown menu?

Terrence Jackson Is it possible to add custom buttons ("OK" and "Cancel") like the image below, so that in the multi-selection pad dropdown, the user doesn't have to click outside the box to close the dropdown? I don't see this in the angular documentation <h4

Is it possible to add custom button to select dropdown menu?

Terrence Jackson Is it possible to add custom buttons ("OK" and "Cancel") as shown in the image below, so that in the multi-selection pad dropdown, the user doesn't have to click outside the box to close the dropdown? I don't see this in the angular documentat

Is it possible to add custom button to select dropdown menu?

Terrence Jackson Is it possible to add custom buttons ("OK" and "Cancel") like the image below, so that in the multi-selection pad dropdown, the user doesn't have to click outside the box to close the dropdown? I don't see this in the angular documentation <h4

Is it possible to add custom button to select dropdown menu?

Terrence Jackson Is it possible to add custom buttons ("OK" and "Cancel") like the image below, so that in the multi-selection pad dropdown, the user doesn't have to click outside the box to close the dropdown? I don't see this in the angular documentation <h4

Is it possible to add custom button to select dropdown menu?

Terrence Jackson Is it possible to add custom buttons ("OK" and "Cancel") as shown in the image below, so that in the multi-selection pad dropdown, the user doesn't have to click outside the box to close the dropdown? I don't see this in the angular documentat

Is it possible to add custom button to select dropdown menu?

Terrence Jackson Is it possible to add custom buttons ("OK" and "Cancel") as shown in the image below, so that in the multi-selection pad dropdown, the user doesn't have to click outside the box to close the dropdown? I don't see this in the angular documentat

Add button to select dropdown menu

Benjamin Huang I'm currently using selectize.js for a dropdown menu and I want to add a button at the end of the options list like this I tried adding the span to the select group but it doesn't show up in the dropdown. How should I change the code to allow a

Add button to select dropdown menu

Benjamin Huang I'm currently using selectize.js for a dropdown menu and I want to add a button at the end of the options list like this I tried adding the span to the select group but it doesn't show up in the dropdown. How should I change the code to allow a

Add button to select dropdown menu

Benjamin Huang I'm currently using selectize.js for a dropdown menu and I want to add a button at the end of the options list like this I tried adding the span to the select group but it doesn't show up in the dropdown. How should I change the code to allow a

Add button to select dropdown menu

Benjamin Huang I'm currently using selectize.js for a dropdown menu and I want to add a button at the end of the options list like this I tried adding the span to the select group but it doesn't show up in the dropdown. How should I change the code to allow a

Add button to select dropdown menu

Benjamin Huang I'm currently using selectize.js for a dropdown menu and I want to add a button at the end of the options list like this I tried adding the span to the select group but it doesn't show up in the dropdown. How should I change the code to allow a

Add button to select dropdown menu

Benjamin Huang I'm currently using selectize.js for a dropdown menu and I want to add a button at the end of the options list like this I tried adding the span to the select group but it doesn't show up in the dropdown. How should I change the code to allow a

Add button to select dropdown menu

Benjamin Huang I'm currently using selectize.js for a dropdown menu and I want to add a button at the end of the options list like this I tried adding the span to the select group but it doesn't show up in the dropdown. How should I change the code to allow a

Add button to select dropdown menu

Benjamin Huang I'm currently using selectize.js for a dropdown menu and I want to add a button at the end of the options list like this I tried adding the span to the select group but it doesn't show up in the dropdown. How should I change the code to allow a

Is it possible to convert a select menu to a button?

username I have a simple select menu like <p>Would you recommend this company?</p> <select> <option value="yes">Yes</option> <option value="no">No</option> </select> I'm asking for user feedback, currently it's possible with a simple form submission,

Create custom dropdown menu button in WPF

Luca Sobito This is my first question on Stackoverflow, I hope that works! I'm using a custom dropdown button in WPF and I want to add a click event on the buttons "Text1" and "Text2". I have to put this dropdown button in a DLL, so I use WPF CustomControl lib

Create custom dropdown menu button in WPF

Luca Sobito This is my first question on Stackoverflow, I hope that works! I'm using a custom dropdown button in WPF and I want to add a click event on the buttons "Text1" and "Text2". I have to put this dropdown button in a DLL, so I use WPF CustomControl lib

Create custom dropdown menu button in WPF

Luca Sobito This is my first question on Stackoverflow, I hope that works! I'm using a custom dropdown button in WPF and I want to add a click event on the buttons "Text1" and "Text2". I have to put this dropdown button in a DLL, so I use WPF CustomControl lib

Create custom dropdown menu button in WPF

Luca Sobito This is my first question on Stackoverflow, I hope that works! I'm using a custom dropdown button in WPF and I want to add a click event on the buttons "Text1" and "Text2". I have to put this dropdown button in a DLL, so I use WPF CustomControl lib