HTML - How to add placeholder to dropdown (select) with selectpicker

First time in my life I needed to add placeholder for dropdown O.o I even didn`t know that it exists.

But, anyway, I need to implement this case. I selected selectpicker from bootstrap to have ability to use live searching in dropdown.

HTML for adding dropdown:


<select class="dropdown" data-live-search="true">
    <option class="hide" value="" disabled selected hidden>Placeholder</option>
    <option value="option1">Option 1</option>
</select> 

Javascript:


const select = $('select').selectpicker();
$('.dropdown').on('click', function () {
	$('.dropdown').find('.hide').hide();
});

Comments

Post a Comment

Popular posts from this blog

Symfony - How to fix Circular Reference

 A circular reference in Symfony typically occurs when there's a loop in the dependency injection graph. It means that one service depends on another service, which in turn depends on the first one, creating an infinite loop. Check Your Service Definitions: Review your service definitions in the services.yaml or other configuration files. Look for any circular dependencies. A circular reference often occurs when Service A depends on Service B, and Service B depends on Service A. Use Setter Injection: Instead of injecting dependencies through the constructor, use setter injection. In Symfony, you can use setter injection by creating setter methods in your services and injecting dependencies through these methods after the service is instantiated. Lazy Loading: Consider using lazy loading for dependencies. Symfony allows lazy loading of services, which means that the actual instantiation of a service is delayed until it's actually used. You can enable lazy loading for a service b
Читать далее

Не загружается Linux (crash)

После вчерашнего обновления ядра линукса с утра комп перестал загружаться. Видимо кривой апдейт прилетел. Лечится легко: при перезагрузке компа выбираете в менюшке мануальную загрузку и там выбираете предыдущий стабильный билд ядра. и все работает. Advanced System setup Choose older build
Читать далее

How to logout from Zoho Desk via SAML

Image
 As standard SAML request logout does not work, you can use OAuth logout URL . When you try to put standard SAML logout URL, you catch an error: "The SAML v2 logout request is missing the SAMLRequest parameter." As a work case, you can use standard AOuth logout URL. For example, you can get it from Fusion Auth, in "OAuth2 & OpenID Connect Integration details" tab.
Читать далее