0

En esta oportunidad les comparto un problema que se me ha presentado, pasa que no se limpia un select2 con jquery cuando pulso un botón de limpiar formulario, mi código es el siguiente:

Tener en cuenta que en el select uso una clase: class="select2"

FORMULARIO QUE DE REQUIERE LIMPIAR EL SELECT CON EL BOTÓN LIMPIAR

<form id="idform" >
    <select id="cargosID" class="select2"  name="cargosID">
    @{ 
      <option disabled="disabled" selected="selected" value="">-- Seleccionar Cargo--</option>
    }
    @{
    foreach (var item in Model.ListaCargos)
    {
    if (Model.cargosID == item.cargosID)
    {
    <text>
    <option selected value="@item.cargosID">@item.name</option>
    </text>    
    }
    else
    {
    <text>
    <option value="@item.cargosID">@item.name</option>
    </text> 
    }
    }   
    }
    </select>

 </form >

CÓDIGO EN JQUERY

$("#btnClean").click(function (event) {
$("#idform")[0].reset();
});

Con el código Jquery solo limpia campos d texto pero campos con lista no lo hace, por favor su apoyo con este problema. Saludos.

2
  • 1
    reset el form y limpiar valores del select2 por separado $("#btnClean").click(function (event) { $("#idform").reset(); $('#cargosID').val([]); }); el 22 abr. 2019 a las 17:38
  • Sigue el problema
    – ONDEV
    el 22 abr. 2019 a las 18:10

1 respuesta 1

1

Solo asignale el valor "" (vacio) a tu select

$("#btnClean").click(function (event) {
    $("#idform")[0].reset();
    $("#cargosID").val("");
});

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.