2

Tengo un dropdown que lleno con AJAX de forma dinamica y se muestra correctamente, necesito mostrar el seleccionado, he intentado con esto sin resultados:

 alert($('#ul_sucursal').find('option:selected').text());
 alert($( "#ul_sucursal option:selected" ).text());



<ul id="ul_sucursal" class="dropdown-menu" role="menu">
    <!-- lo lleno con ajax-->                   
</ul>

$.ajax({
            type: "POST",
            url: "<?= base_url() ?>DashboardOTController/ListarSucursales",
            success: function(obj){



               $.each(obj.Sucursales.sucursales, function (ind, elem) {//inserta en el ul li de sucursal

                $('#ul_sucursal').append('<li><a href="#"  value="'+elem.id_sucursal+'">'+elem.nombre_sucursal+'</a></li>');


              });
          }
    });

2 respuestas 2

1

Si solo quieres mostrar el value de lo que selecciono, usa el onclick del anchor tag:

$('#ul_sucursal').append('<li><a href="#" onclick="alert('+elem.id_sucursal+')" value="'+elem.id_sucursal+'">'+elem.nombre_sucursal+'</a></li>');
1

Como los datos se agregan dinamicamente con AJAX el evento se debe capturar de la siguiente manera:

$("ul_sucursal").on("click", "a",function (e) {
e.preventDefault()
//para que no nos lleve el link a algun lugar
var valor = $(this).attr("value");

alert("este es mi valor" + valor)
});

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.