Actualmente tengo algunos problemas con el siguiente script:
<input name="MYNEWVALUE" class="MYNEWVALUE" maxlength="20" type="text" id="MYNEWVALUE"> <a onclick="addURL(this)" href="<?php echo $escaped_url?>">Click this</a> <script> function addURL(element) { $(element).attr('href', function() { return this.href + '?notes=...'; }); } </script>Como puede ver, tengo un campo de entrada al que llamé MYNEWVALUE y un botón con una función Javascript. Una vez que se hace clic en este botón, se agrega un parámetro específico a mi URL, por ejemplo , https://myurl.com/?notes=...
Lo que estoy tratando de lograr actualmente es obtener los datos del campo de entrada (tan pronto como se haya hecho clic en el Botón) y usarlos o clonarlos directamente junto con this.href + '?notes= MYNEWVALUE ';
Entonces, si ingresara a Prueba , la URL final que se transmitirá debería ser https://myurl.com/?notes=Testing
¿Hay alguna forma de interceptar o clonar este valor? Se agradecería mucho la ayuda de un experto, gracias.
Lo que puede hacer es cambiar la forma en que maneja el manejo de eventos y simplificarlo así:
<a href="<?php echo $escaped_url?>" id="button">Click this</a> <script> $("#button").on("click", function() { this.href += "?notes=" + $("#MYNEWVALUE").val(); }); </script> jQuery .click() documentación de la siguiente manera (tenga en cuenta que no puede usar una función ES6 para esta debido al léxico de la función de flecha ES6 this ).