select2配置時的placeholder是顯示在下拉框中的

但是我需要在搜尋框中顯示提示文字, 百度翻了很久都沒有翻到, bing終於翻到了

https://github.com/select2/select2/issues/3362

效果

實現:

select2

<select class="select2-list taxon-select2" name="query[taxon_id_eq]" data-searchplaceholder="搜尋分類">

js

$('.select2-list').on('select2:open', (element) => {
    const text = element.currentTarget.dataset.searchplaceholder
    $('.select2-search__field').attr('placeholder', text)
  })