ayuda Input select Dinamico con ajax y jquery

publicado por: Anonymous

Soy nuevo en la programación, y necesito su apoyo por favor:

Por defecto si cargan los datos, pero necesito que el cliente tenga que seleccionar este input antes de guardar, debe mostrar “Seleccionar”, y así el cliente este obligado a selecionar el input(), escoger y poder guardar.

HTML:

    <div class="form-group"> 
<label for=" codDist'">Distrito</label> 
<select class="form-control " id=" codDist'" placeholder="Enter username"></select> 
</div>

JS:

    function cargaDistrito(depart, provin) {
        var $select = $('#codDist');
        $.ajax({data : {
                coddepartamento : depart,
                codprovincia : provin
                    },
                    url : "DistritPais",
                    type : "GET",
                    dataType : 'JSON',
                    success : function(data) {
                        $select.html('');
                        $.each(data,
                        function(key, val) {
        $select.append('<option value="' + val.codDist + '">'+val.descrip+'</option>');})
                    },
                    error : function() {
                        $select.html('<option id="-1">Cargando...</option>');
                    }
                });
    }

solución

Antes de realizar el recorrido con each debes agregar un append (” Seleccionar”) y luego tu each para que te despliegue todos los datos que traes por ajax!

Saludos

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *