Hola. Tengo un problema para crear un select html dinámico dentro de la celda de una tabla. Esto me funciona bien hasta aquí, pero al momento de hacer click sobre el select me muestra las opciones pero no me deja seleccionar una, ya que se cierra.
Tratando de evitar esto le agregué a la celda la clase prioridad, para que funcione al hacer click sobre la celda que tenga esta clase, y luego le quite la clase para que no vuelva a crear el select, pero no me funciona.
Gracias para quien me pueda ayudar.
Código:
<script type='"text/javascript' >
echo'
$(document).ready(function(){
$("td.prioridad").click(function(event){
$(this).removeClass("prioridad");
var fila = $(this).attr("id").split("_");
var select = "";
select = select + "<select id='s_"+fila[1]+"' style='width: 100%;'>";
select = select +"<option value='uno'>1</option>";
select = select +"<option value='dos'>2</option>";
select = select +"</select>";
$(this).html(select);
});
});
</script>
y el html de la celda que es impreso con echo de PHP segun informacion de base de datos:
Código:
echo"<td class='prioridad' id='c_".$datos['id']."_".$datos['prioridad']."'>" .$datos['prioridad']. "</td>";