Estoy tratando de crear una página de encuesta en Qualtrics que tiene múltiples preguntas de campo de formulario. Los respondedores pueden querer agregar hasta 10 respuestas, pero para simplificar la interfaz de usuario, quiero mostrar inicialmente solo un campo, con la opción de agregar un campo si necesitan más de un campo.

Pude hacer un botón "agregar campo" que funciona para la pregunta principal, pero cuando uso varias preguntas con el mismo Javascript, solo funciona el primer botón "agregar campo" y agrega el campo adicional para cada pregunta en la página. Hacer clic en el "botón Agregar campo" para las preguntas posteriores no parece funcionar.

El código Javascript para crear el "botón Agregar campo" se puede ver a continuación:

 Qualtrics.SurveyEngine.addOnload(function(){ var cs = jQuery("#"+this.questionId+" .ChoiceStructure"); cs.find("tr:not(:lt(1))").hide(); cs.append("<input type='button' id='add' value='Add field' name='+' />"); jQuery("#add").on('click',function(){ var c = cs.find("tr:visible").length; cs.find("tr:eq("+c+")").show(); });

});