Anda boleh menggunakan acara ini:

Ia cukup untuk menambah atribut pemegang tempat pada acara ini:

$(this).data('select2').$dropdown.find(':input.select2-search__field').attr('placeholder', 'My Placeholder')

$('select').select2({ placeholder: 'Select an option' }).on('select2:opening', function(e) { $(this).data('select2').$dropdown.find(':input.select2-search__field').attr('placeholder', 'My Placeholder') })

    Volvo Saab Mercedes Audi 

Saya mempunyai keperluan yang sama dan akhirnya menulis sambungan kecil untuk pemalamSelect2.

Pemalam mempunyai pilihan baharusearchInputPlaceholderuntuk menetapkan pemegang tempat bagi medan input Carian.

Tambah kod berikut selepas fail js pemalam:

(function($) { var Defaults = $.fn.select2.amd.require('select2/defaults'); $.extend(Defaults.defaults, { searchInputPlaceholder: '' }); var SearchDropdown = $.fn.select2.amd.require('select2/dropdown/search'); var _renderSearchDropdown = SearchDropdown.prototype.render; SearchDropdown.prototype.render = function(decorated) { // invoke parent method var $rendered = _renderSearchDropdown.apply(this, Array.prototype.slice.apply(arguments)); this.$search.attr('placeholder', this.options.get('searchInputPlaceholder')); return $rendered; }; })(window.jQuery);

Penggunaan:

Mulakan pemalam select2 menggunakan pilihansearchInputPlaceholder:

$("select").select2({ // options searchInputPlaceholder: 'My custom placeholder...' });

Demo:

Demo boleh didapati diJsFiddle.

Dikemas kini 9 Mei 2020

Diuji dengan versi Select2 terkini (v4.0.13) -JsFiddle.

Repositori Github:

https://github.com/andreivictor/select2-searchInputPlaceholder