Utilizo Select 2 en mi formulario donde los datos de opción los tomo de la base de datos y también agrego un botón "agregar nuevo" cuando la palabra clave buscada no está en la base de datos. lo que quiero preguntar es, de qué manera puedo hacer para poder crear una acción desde el botón. por ejemplo, cuando se hace clic en el botón, puedo mostrar un campo de texto.
A modo de ilustración, aquí está mi código:
$('#add_penilai').select2({ placeholder: 'Change Name', tags : true, createTag: function (params) { return { id: params.term, text: params.term, newOption: true } }, templateResult: function (data) { var $result = $("<span></span>"); $result.text(data.text); if (data.newOption) { $result.append(`<button type="button" class="btn btn-secondary btn-sm ml-10" onClick='Show()'> + Add New Item</button>`); } return $result; }, escapeMarkup: function (markup) { return markup; } }); .form-control.form-control-hide { display: none; } <select class="form-control select2" id="add_penilai" name="nama_penilai" onchange="isi_otomatis()" data-width="100%"> <option value="Jhony">Jhony</option> <option value="Kyra">Kyra</option> <option value="Ronald">Ronald</option> </select> <input class="form-control form-control-hide" type="text" id="divisi" name="nama_instansi" />