En mi archivo html tengo lo siguiente:
<td id="trainers_rowC1">Trainer1</td> <td><input type="button" id="edit_button1" value="Edit" class="edit" onclick="edit_rowC('1')"></td>En mi archivo JavaScript tengo esta función:
function edit_rowC(no) { var trainers = document.getElementById("trainers_rowC" + no); var trainers_data = trainers.innerHTML; trainers.innerHTML = "<select id ='trainers_options" + no + "'><option value='" + trainers_data + "'>"; }Pero cuando presiono el botón Editar, el menú desplegable está vacío. ¿Cuál es el error?
Esto funciona para mí.
Su error fue que intentó establecer el contenido de la etiqueta de opción con value="..." . Pero tienes que escribirlo entre las dos etiquetas. --> <option>" + test + "</option>
function edit_rowC(no) { var test = document.getElementById("trainers_rowC" + no).innerHTML; document.getElementById("trainers_rowC" + no).innerHTML = "<td><select id ='trainers_options" + no + "'><option>" + test + "</option><option>test</option></select></td>"; }No parece haber ninguna etiqueta de cierre en la asignación de trainers.innerHTML, ¿podría ser eso?