Unable to assign a placeholder for the search field

[maxwellj]

There is a option to add a placeholder for the select field but not for the search field.
It would be nice to be able to have a option to add a placeholder for the 'search' input field.

[chivorotkiv]

+1.

Btw. While it's not implemented I'm using following workaround:

selectElement.on('select2-open', function() {
    $('.select2-input').attr('placeholder', 'Start typing to find');
});
selectElement.on("select2-close", function() {
    $('.select2-input').attr('placeholder', null);
});

[KevP]

+1

In v4.0 I had to use:

$("#my_dropdown").on("select2:open", function() {
    $(".select2-search__field").attr("placeholder", "Search...");
});
$("#my_dropdown").on("select2:close", function() {
    $(".select2-search__field").attr("placeholder", null);
});

[caseahr]

The reason this would be quite useful is that if I am filtering the list on multiple properties (e.g., name OR phone number OR email) I could add a placeholder to help the user -- "Search by customer name, phone number, or email"

[orioljd]

@KevP I used your solution but if I had a multiple select too the text "S" of "Search..." appears on it

I solved it with (your solution fixed):

$("#my_dropdown").on("select2:open", function() {
    $(".select2-search--dropdown .select2-search__field").attr("placeholder", "Search...");
});
$("#my_dropdown").on("select2:close", function() {
    $(".select2-search--dropdown .select2-search__field").attr("placeholder", null);
});

[dylankerr-bis]

There seems to be an un-documented option (at least in version 3.5.4) called searchInputPlaceholder that provides this functionality.

[seltix5]

The option searchInputPlaceholder no longer work on the current version :(

[martinkrcho]

Is there a plan to put this option back in? It would be handy.

[andreivictor]

I've created a small extension in order to implement 'searchInputPlaceholder' option.
The code and demo is available here:
http://jsfiddle.net/pagr61bm/

[alexweissman]

This is great! Would you be willing to set this up in a dedicated repo?

[andreivictor]

@alexweissman, I've created a small repository for this extension:
https://github.com/andreivictor/select2-searchInputPlaceholder

[alexweissman]

Nice! Looks good. You should also be able to use the new "topics" feature to label your repo with "select2" as well.

[KyleMit]

@KevP / @orioljd - Two Notes

1. This will set the placeholder for all controls as soon as one is opened. Probably fine, but it's an odd place to add that kind of initialization for everything inside of the handler for a specific one.

2. More importantly this breaks in most versions of IE if you need to support them per IE breaks when using a multiple select with a placeholder #3300 & 4.0.0-rc2 Selecting nothing with a multiselect placeholder prevents dropdown from closing in IE. #3257

[pedrofurtado]

We don't have immediate plans to provide this. We are focused to fix some major UI bugs (that are majority of issues and PR's). But if you open a PR with unit tests, I will be glad to review and approve if everything is ok 👍