Estoy usando Select2 para hacer un menú desplegable y usar el menú desplegable para ejecutar un código particular para una opción particular.

Inicialicé mi select2 con las 3 opciones:

 $("#tags").select2({tags:["name", "job_title", "gender"]});

Ahora aquí está mi función:

 _get_employee_data: function(events){ console.log(events.target.value); this._rpc({ route: '/get/parent/employee_new', }).then(function (result) { tags = $('#tags').val(); if (tags=="name"){ console.log(tags); //$('#_name').empty(); $('#_name').append(result['name']); } else if(tags=="job_title") { //$('#_job_title').empty(); $('#_job_title').append(result['job_title']); } else if(tags=="gender"){ //$('#hello').empty(); $('#_gender').append(result['gender']); } })

Ahora, cuando seleccione solo el nombre, mostrará los nombres. Cuando selecciono job_title y elimino la etiqueta de nombre anterior, mostrará los nombres y job_titles (bien). Pero si selecciono 2 o varias opciones y hago clic en enviar, no funcionará. Tendré que eliminar el nombre o el género de la etiqueta anterior e ingresar solo un valor para usar la función.

¿Cómo puedo seleccionar varias opciones?

Obviamente, una forma es usar If Else para todas mis condiciones, pero no es factible ya que las etiquetas son alrededor de 5-10, por lo que no será realmente posible usar if-else para todas las variaciones.

Cualquier ayuda es apreciada. Gracias.

Por alguna razón, no se puede usar select2 por encima de 4.0, lo que causa problemas con toda la configuración, por lo que necesita una alternativa. Aún así, si hay una manera de usar Select2> 4.0, eso también sería apreciado.