Formulario dinamico Wordpress

Potito #1 Ago '13 Inocente

Estoy haciendo una web de Wordpress y mi nivel es muy basico.

Hasta ahora no he tenido ningún problema en crear distintos formularios simples con distintas herramientas o plugins.

El problema surge cuando intento hacer un formulario "dinamico" o "selectivo", no se ni como se denomina.

Es decir, que los campos que aparecen dependan de los seleccionados con anterioridad.

Así si eliges una marca de coche en el primer campo, en el segundo deberían aparecer los modelos de esa marca de coches en concreto, y al elegir un modelo, deberían aparecer las opciones de ese modelo en particular.

Conocéis algún plugin o podeis darme alguna pista de por donde empezar?

Muchas gracias por adelantado!

13500 #2 Ago '13

Te refieres a select anidados o en cascada

prueba este ejemplo

spoiler

<html>
<head>
<script type="text/javascript">
var makes = new Array("BMW", "Ford");
var models = new Array();
models["BMW"] = new Array("318", "525", "650", "X5");
models["Ford"] = new Array("Bronco", "Explorer", "Focus");
 
function resetForm(theForm) {
  /* reset makes */
  theForm.makes.options[0] = new Option("Please select a make", "");
  for (var i=0; i<makes.length; i++) {
    theForm.makes.options[i+1] = new Option(makes[i], makes[i]);
  }
  theForm.makes.options[0].selected = true;
  /* reset models */
  theForm.models.options[0] = new Option("Please select a model", "");
  theForm.models.options[0].selected = true;
}
 
function updateModels(theForm) {
  var make = theForm.makes.options[theForm.makes.options.selectedIndex].value;
  var newModels = models[make];
  theForm.models.options.length = 0;
  theForm.models.options[0] = new Option("Please select a model", "");
  for (var i=0; i<newModels.length; i++) {
    theForm.models.options[i+1] = new Option(newModels[i], newModels[i]);
  }
  theForm.models.options[0].selected = true;
}
 
</script>
 
</head>
<body>
 
<form name="autoSelectForm" action="" method="post">
<select size="1" name="makes" onchange="updateModels(this.form)">
</select>
<select size="1" name="models">
</select>
<input type="submit">
</form>
<script type="text/javascript">
  resetForm(document.autoSelectForm);
</script>
 
<?php
  $make = $_POST['makes'];
  $model = $_POST['models'];
  if ($make && $model) {
    echo "<p>".$make." - ".$model."</p>";
  }
?>
 
</body>
</html>

estoy buscando algun plugin de wordpress que lo haga, pero no encuentro nada... a lo mejor vas a tener que modificar un poco el codigo e insertarlo a mano en tu wordpress

EDIT:

prueba con este http://wordpress.org/plugins/visual-form-builder/screenshots/

1 respuesta

Potito #3 Ago '13 Inocente

#2 Este plugin que dices le tengo instalado pero no consigo encontrar anidados ni cascadas ni opcionales, ni condicionales ni nada similar (sin pagar se entiende)

Muchas gracias de todos modos... sigo buscando e investigando

metanoia #4 Ago '13

Tienes Quform para WordPress, el tema es que es de pago. Es tipo drag&drop pero te deja modificar el CSS de casi todos los elementos, da muchas opciones y puedes hacer esos campos condicionales de una forma muy sencilla, es bastante intuitivo.

1 respuesta

Potito #5 Ago '13 Inocente

#4 Muchas gracias Metanoia, al final creo q voy a optar por Gravity Forms, pagando...

Formulario dinamico Wordpress

Usuarios habituales

Tags