Estoy intentando llamar una función para html añadido con append, por alguna razón el código siguiente no llama la función set_file en el evento onclick del botón:
var maxAppend=0;
function addRow() {
let html = "<tr>" +
"<td><input class='form-control' type='text' id='datepicker' value='dd/mm/YYYY' size='6'></td>" +
"<td><input class='form-control' type='text' size='1'/></td>" +
"<td><textarea class='form-control' rows='2' cols='25'></textarea></td>" +
"<td><input class='form-control' type='text' size='1'/></td>" +
"<td><input class='form-control' type='text' size='1'/></td>" +
"<td><select class='form-control'><option>Entidad</option></select></td>" +
"<td><select class='form-control'><option>Tipo</option></select></td>" +
"<td><button type='button' onclick='set_file("+maxAppend+",1)' id='get_file"+maxAppend+"1' class='btn btn-primary'><span class='glyphicon glyphicon-upload' style='float:right;display: inline-block;' aria-hidden='true'></span></button></td>" +
"<input type='file' id='my_file"+maxAppend+"1'>" +
"<td><button type='button' onclick='set_file("+maxAppend+",2)' id='get_file"+maxAppend+"2' class='btn btn-primary'><span class='glyphicon glyphicon-upload' style='float:right;display: inline-block;' aria-hidden='true'></span></button></td>" +
"<input type='file' id='my_file"+maxAppend+"2'>" +
"<td><button type='button' class='btn btn-warning'><span class='fa fa-edit' style='float:right;display: inline-block;' aria-hidden='true'></span></button></td>" +
"</tr>";
$("#table_retentions").append(html);
maxAppend++;
}
function set_file(i,j){
$('#my_file'+i+j).click();
}
La consola no muestra errores ni warnings, ¿Qué es lo que estará mal?
"+maxAppend+"
como primer argumento. No veo esta variable declarada, pero este argumento es un numero, entonces los + antes y después deben estar causando el problemaset_file()
se te tiene que estar haciendo correctamente, si le pones unconsole.log()
verás que se te está pintando. El problema lo tienes en lo que hace esa función. Con$('#my_file'+i+j).click();
estás llamando al onclick de unos elementos que no tienen ningún evento click asociado, por lo que no ocurre nada. De todas formas creo que te estás complicando mucho la vida para tratar de afectar a un input que pertenezca a la misma fila que el botón que lanza la función. Te recomiendo que mires sobre el selector this de JQuery:$(this)