Comunidad de diseño web y desarrollo en internet online

problemas al obtener el valor de un select llamado por ajax

Citar            
MensajeEscrito el 19 Jul 2016 02:35 pm
Hola, les comento de este problemilla que me está haciendo pensar espero puedan asesorarme.

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;

Por jacastillejot

0 de clabLevel



 

chrome
Citar            
MensajeEscrito el 04 Ago 2016 11:43 am
Ammm es el problema más viejo de todos :P

Generar elementos dinámicos y que reaccionen a un código. LA verdad la explicación es demasiado laaarga, para escribirla en texto, pero necesitas la funcion ".on()" con un namespace.

Esto por supuesto es como hablar en chino para un principiante, así que dejame ver que puedo hacer.

Por elporfirio

Claber

652 de clabLevel

1 tutorial

Genero:Masculino  

FullStack Web Developer

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.