Tengo una funcionalidad que al elegir alguna fila de una tabla me genera otra tabla en el cual tengo dos select cada una en columnas diferentes lo que debo hacer es obtener el valor de alguna de las opciones de estos dos select y hacer un calculo una suma(criticidad), el problema que tengo es que al llamar al evento change de alguno de los select no realiza nada, he comprobado con un alert dentro del change y es como si no existiera, esto es porque los select que estoy generando lo hace dinamicamente en la llamada ajax a un archivo php que genera todo el contenido de la tabla hija incluido los select? por favor ayudenme.
Aquí la funcionalidad (jquery)que muestra la tabla hija según la fila selecionada en la tabla padre.
$(".trselect").click(function()
{
var ID=$(this).attr('id');
$('tr td').css({ 'background-color' : '#FFFFFF'});
$('td', this).css({ 'background-color' : '#C5D9F1' });
var dataString = 'id='+ ID +'&actionfunction=view_ObjRisk';
$.ajax({
type: "POST",
url: "process.php",
data: dataString,
cache: false,
beforeSend: function() {
//$('#loading').append("../images/ajax-loader.gif");
$('#loadObjectives').html("<img src='../images/ajax-loader.gif'/>");
},
success: function(response)
{
$('#loadObjectives').html("");
$("#objective_strategic_risk").html(response);//CARGA LA TABLA HIJA QUE CONTIENE LOS SELECT
//console.log(response);
},
HTML: es nada mas que la declaración de la tabla con un id, donde ajax insertara en la llamada el resto de la tabla
<div class="col-sm-5 custyle">
<div id="loadObjectives"></div>
<div class="table-responsive">
<table class="table table-striped custab table-hover table-bordered" id="objective_strategic_risk">
</table>
</div>
</div>
process.php : hace una consulta y genera el contenido de la tabla incluidos los select:
Aqui va la consulta a BD la cual solo obtiene los registros asociados a la fila que seleccione en la tabla padre(filtro por id)//
*********
A continuación se genera la tabla que utiliza ajax con el metodo (html) para mostrarla
$str='<thead><tr><th colspan="5" class="text-center" style="padding:1px;">List of Strategic Objective</th></tr><tr><th width="10%">Code</th><th class="text-center">Likelihood</th><th class="text-center">Consecuence</th><th class="text-center">Criticity</th></tr></thead>';
if(mysql_num_rows($result)>0){
$str.='<tbody>';
while ($row=mysql_fetch_array($result)) {
$code_obj=$row['codigo'];
$str.="<tr background=".$background.">
<td align='left'>".$code_obj."</td>
<td align='center'>
<select name='likelihood' id='likelihood'>//SELECT CON PROBLEMAS NO DETECTA JQUERY change()
<option value='1'>Rare</option>
<option value='2'>Low Probability</option>
<option value='3'>Medium Probability</option>
<option value='4'>High Probability</option>
<option value='5'>Certain</option>
</select>
</td>
<td align='center'>
<select id='consecuence' class='consecuenceSelect'>//SELECT CON PROBLEMAS NO DETECTA JQUERY change()
<option value='1'>Low</option>
<option value='2'>Minor</option>
<option value='3'>Moderate</option>
<option value='4'>Major</option>
<option value='5'>Catastrophic</option>
</select>
</td>
<td align='left'>".$Criticity."</td>
</tr>";
}
$str.='</tbody>';
}else{
$str .= "<td colspan='4'>No Data Available</td>";
}
echo $str;
