Pregunta sobre Calculated Fields Form de Wordpress:

Mostrar ciertos campos al hacer clic en un bot贸n HTML

Un usuario pregunt贸 馃憞

Cre茅 un campo <谩bhar HTML>. En esta 谩rea he agregado 3 botones usando


<!DOCTYPE html>
<html>
<head>
<style>
* {
  box-sizing: border-box;
}

.column {
  float: left;
  width: 33%;
  padding: 40px;
}

/* Clearfix (clear floats) */
.row {
  margin: 0;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
}
</style>
</head>
<body>

<h2>Images Side by Side</h2>
<p>How to create side-by-side images with the CSS float property:</p>

<div class="row">
  <div class="column">
    <img src="image_1" style="width:100%">
    <button type="button">6 Lamp T8</button>
  </div>
  <div class="column">
    <img src="image_2" style="width:100%">
    <button type="button">HID</button>
  </div>
  <div class="column">
    <img src="image_3" style="width:100%">
    <button type="button">6 Lamp T5</button>
  </div>
</div>
</body>
</html>

Cada bot贸n tiene una imagen relacionada que debe mostrarse junto al bot贸n en la carga de la p谩gina (lo que he hecho). Quiero que se muestren diferentes campos seg煤n el bot贸n que se presione. Por ejemplo, todos los campos estar谩n ocultos hasta que haga clic button 1. Cuando hago esto, quiero mostrar 3 campos desplegables separados (fieldname1, fieldname2, fieldname3) extrae datos de una base de datos, pero si hago clic en button 2, Listas deplegables fieldname4, fieldname5, y fieldname6 mostrar al usuario. Descubr铆 c贸mo usar el campo Dropdown DS, pens茅 que lo mencionar铆a por temor a que fuera diferente de un drop normal.

驴Se puede hacer esto con este plugin y, de ser as铆, c贸mo puedo lograrlo?

Este tema fue modificado hace 2 a帽os, 1 mes por. Este tema fue modificado hace 2 a帽os, 1 mes por.

(@codepeople)

Hace 2 a帽os, 1 mes

Hola @mockapapella,

Otra opcion es:

– Asignar un par de nombres de clase a los dominios que dependen del primer bot贸n: bot贸n-1 ocultar confiar en el tercer bot贸n: bot贸n oculto-3

Tenga en cuenta que los nombres de clase se asignan a los campos por sus atributos: 芦Agregar palabras clave de dise帽o CSS禄, y para asignar varios nombres de clase al mismo campo, debe separar los caracteres en blanco.

Y luego adjunte los siguientes eventos onclick a los botones:

– Al primer bot贸n:


jQuery('.button-1,.button-2,.button-3').addClass('hide');jQuery('.button-1').removeClass('hide');

– al segundo bot贸n:


jQuery('.button-1,.button-2,.button-3').addClass('hide');jQuery('.button-2').removeClass('hide');

– tercer bot贸n:


jQuery('.button-1,.button-2,.button-3').addClass('hide');jQuery('.button-3').removeClass('hide');

y todo eso. Todo lo mejor.

驴Solucion贸 tu problema??

0 / 0

Deja una respuesta 0

Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *