如何使用POST方法获取select2的数据

Question

I need to return data of the select2 with POST method. does anyone have any idea what can I do? I tried this but did not even work.

 $("#action").select2({ allowHtml: true, ajax: { type: "POST", url: URL, headers: { "Content-Type": "application/json", Authorization: "Bearer " + localStorage.getItem("api_token") }, dataType: "json", data: function(term, page) { console.log(term); return { string: term }; }, processResults: function(data) { console.log(data); return { results: data.map(item => { return { text: item.title, id: item.id }; }) }; } }, allowClear: !0 });

 <input class="form-control" id="action">

The code does not even show the log.

Answer 1

The issue was I added input instead of select tag I solve the issue like this

 $("#action").select2({ allowHtml: true, ajax: { type: "POST", url: URL, headers: { "Content-Type": "application/json", Authorization: "Bearer " + localStorage.getItem("api_token") }, dataType: "json", data: function(term, page) { console.log(term); return { string: term }; }, processResults: function(data) { console.log(data); return { results: data.map(item => { return { text: item.title, id: item.id }; }) }; } }, allowClear: !0 });

 <select class="form-control" id="action"></select>