Hola @bakeyboy15. Es gracioso que preguntes esto. Ayer pasé cuatro horas en esto mismo. Aquí está su respuesta: Por supuesto, la brillantez tiene un precio.
1.) Compre y descargue el complemento WP Gravity Forms. Instale, active e ingrese la clave de licencia.
http://www.gravityforms.com/gravity-forms-demo/
2.) Compre el complemento WP Gravity Forms Populate Anything. Puede leer sobre esto aquí para exactamente lo que está pidiendo hacer y verlo en acción.
¿Cuáles son las probabilidades de eso?
Sería genial ver lo que has hecho personalmente si estuvieras dispuesto a compartirlo.
Hola @bakeyboy15
Para lograr el comportamiento que describió, puede usar JavaScript para escuchar los cambios en el campo de selección y actualizar la URL y el precio en consecuencia. Aquí hay un ejemplo de cómo puedes hacer esto:
1. Primero, agregue una ID al campo de selección para hacer referencia a ella en su código JavaScript. Por ejemplo:
<select id="product-select">
<option value="product-1">Product 1</option>
<option value="product-2">Product 2</option>
<option value="product-3">Product 3</option>
</select>2. A continuación, agregue una ID al botón de envío y al campo de precio para hacer referencia a ellos en su código JavaScript. Por ejemplo:
<input type="submit" id="submit-button" value="Submit">
<input type="text" id="price" value="100">3. Ahora, puede usar JavaScript para escuchar los cambios en el campo de selección y actualizar la URL y el precio en consecuencia. Aquí hay un ejemplo de cómo puedes hacer esto:
document.addEventListener('DOMContentLoaded', function() {
// Get references to the select field, submit button, and price field
var selectField = document.getElementById('product-select');
var submitButton = document.getElementById('submit-button');
var priceField = document.getElementById('price');
// Add an event listener to the select field
selectField.addEventListener('change', function() {
// Get the selected value
var selectedValue = this.value;
// Update the URL and price based on the selected value
if (selectedValue === 'product-1') {
submitButton.setAttribute('href', '/product-1');
priceField.value = '100';
} else if (selectedValue === 'product-2') {
submitButton.setAttribute('href', '/product-2');
priceField.value = '200';
} else if (selectedValue === 'product-3') {
submitButton.setAttribute('href', '/product-3');
priceField.value = '300';
}
});
});Este código escuchará los cambios en el campo de selección y actualizará la URL y el precio en consecuencia.
¡Espero que esto ayude! Avíseme si tiene alguna pregunta o si desea obtener más ayuda.
Hola @faisalahammad
Muchas gracias por esto. Soy completamente nuevo en Javascript, por lo que parece un poco abrumador.
Tratando de desglosar esto, entiendo lo que cada uno está haciendo, pero tengo problemas para pensar cómo aplicarlo a mi elemento o formulario.
¿Agrego todo el javascript en un campo HTML (elemento elemento) debajo del formulario para que pueda leerse en la página?
Te he enviado una solicitud en Slack, si es más fácil hablar allí.
Gracias,
O
Hola @bakeyboy15
Puede usar el complemento Simple Custom CSS y JS para agregar el código JS personalizado en WordPress.
¡Pruébalo y déjame saber cómo te va! 😄