Estoy tratando de agregar valores de 2 de mis entradas al área de texto. Pude encontrar una solución para tomar una de las entradas y espero que alguien pueda ayudarme a encontrar la manera de obtener otra. Además, ¿hay alguna manera de obtener otro elemento de la página, por ejemplo, php echo del nombre del estudiante?
Mire la imagen . Me gustaría que esto dijera "Hola, estudiante_nombre, mi nombre es apellido de nombre_universitario , conectémonos .
este es el codigo que tengo
<script> // save the location of the name field var message_field = document.getElementById('university'); var last_name_field = document.getElementById('last_name'); //add an event listener to activate if the value of the field changes message_field.addEventListener('change', function() { // when the field changes run the following code // copy the text (value) var name = message_field.value; // concatenate it with the desired message var autoFill = 'Hi ' + name + ', thank you for visiting us!'; // and paste it into the message field. document.getElementById('message').value = autoFill; }) </script><script> // save the location of the name field var university = document.getElementById('university_name').value; var last_name = document.getElementById('last_name').value; var first_name = document.getElementById('student_first_name').value; //add an event listener to activate if the value of the field changes message_field.addEventListener('change', function() { // when the field changes run the following code // copy the text (value) var name = message_field.value; // concatenate it with the desired message var autoFill = autoFill + university; autoFill = autoFill + last_name; autoFill = autoFill + first_name; // and paste it into the message field. document.getElementById('message').value = autoFill; }) </script>es un poco confuso tu código HTML, pero hice un código HTML y ajusté tu código javascript, espero que esto te ayude.
PD.: Siempre puede agrupar sus entradas y áreas de texto dentro de una etiqueta FORM
var form = document.getElementById("myForm"); form.addEventListener("input", function () { var name = document.getElementById('name').value; var lastName = document.getElementById('last_name').value; var university = document.getElementById('university').value; document.getElementById('message').value = 'Hey, ' + name + ', my name is ' + lastName + ' from ' + university + ', let\'s connect' }); <form id="myForm"> <div> <input type="text" placeholder="First Name" id="name"> </div> <div> <input type="text" placeholder="Last Name" id="last_name"> </div> <div> <input type="text" placeholder="University Name" id="university"> </div> <div> <input type="text" placeholder="Phone Number" id="phone"> </div> <div> <input type="email" placeholder="Email address" id="email"> </div> <div> <textarea name="Message" id="message" cols="30" rows="10" placeholder="Message (optional)"></textarea> </div> </form>