Cómo crear un formulario con declaraciones de selección dinámica
-
Hola, estoy trabajando en un formulario personalizado con declaraciones de selección dinámicas, el formulario me funciona bien por fuera de WordPress pero al momento de incluirlo en una página deja de funcionar.
A continuación dejo el código que estoy implementando:<form name=»creacion_pqr» method=»POST» onsubmit=»return form_validation()» action=»../../creacionpqr.php»>
<div class=»formulario-pqr»>
<h3>Registre su P.Q.R.</h3>
<div class=»contenedor-formulario-izq-der»>
<div class=»formulario-contacto-izq»>
<span>
<input type=»text» name=»NOMBRE_CLIENTE» value=»» size=»40″ id=»NOMBRE_CLIENTE» aria-required=»true» aria-invalid=»false» placeholder=»Nombre completo» />
</span>
<br />
<span>
<input type=»number» name=»CEDULA_CLIENTE» value=»» id=»CEDULA_CLIENTE» minlength=»6″ maxlength=»20″ pattern=»[0-9]{7,20}» placeholder=»Cédula» />
</span>
<br />
<span>
<input type=»email» name=»EMAIL_CLIENTE» value=»» size=»40″ id=»EMAIL_CLIENTE» aria-required=»true» aria-invalid=»false» placeholder=»E-mail» />
</span>
<br />
<span>
<input type=»number» name=»TELEFONO_CELULAR» value=»» id=»TELEFONO_CELULAR» autocomplete=»off» minlength=»10″ maxlength=»20″ pattern=»[0-9]{10,20}» placeholder=»Teléfono Celular» />
</span>
<br />
<span>
<input type=»number» name=»TELEFONO_FIJO» value=»» id=»TELEFONO_FIJO» autocomplete=»off» minlength=»7″ maxlength=»20″ pattern=»[0-9]{7,20}» placeholder=»Teléfono Fijo» />
</span>
</div>
<div class=»formulario-contacto-der»>
<span>
<input type=»text» name=»PLACA_CLIENTE» value=»» id=»PLACA_CLIENTE» size=»6″ aria-required=»false» aria-invalid=»false» placeholder=»Placa del Vehículo» />
</span>
<br />
<span class=»custom-select»>
<select name=»tiposolicitud» id=»tiposolicitud» onchange=»cambiaclientes(this);»>
<option value=»empty»>Seleccione el Tipo de Solicitud</option>
<option id=»1″ value=»1″>Vehículo de Reemplazo</option>
<option id=»2″ value=»2″>Renta</option>
<option id=»3″ value=»3″>Renting</option>
<option id=»4″ value=»4″>Test Drive</option>
<option id=»5″ value=»5″>Blindados</option>
<option id=»6″ value=»6″>Carsharing</option>
<option id=»7″ value=»7″>Fleet Management</option>
<option id=»8″ value=»8″>Usados</option>
</select>
</span>
<br />
<span class=»custom-select»>
<select id=»clientestiposolicitud»>
<option value=»0″>Seleccione por Compañía</option>
</select>
</span>
<br />
<span>
<input type=»text» name=»OFICINA» value=»» size=»40″ id=»OFICINA» aria-required=»true» aria-invalid=»false» placeholder=»Oficina» />
</span>
</div>
</div>
<br />
<div class=»contenedor-areatexto»>
<textarea name=»COMENTARIOS_PQR» cols=»40″ rows=»10″ id=»COMENTARIOS_PQR» placeholder=»Cuéntenos más para darle una solución adecuada a sus necesidades…» />
</textarea>
</div>
<div class=»contenedor-enviar»>
<input type=»submit» value=»Enviar P.Q.R.» id=»enviar-pqr» />
</div>
</div>
<p>
<script type=»text/javascript»>
/* seleccion de tipo solicitud clientes */
var listaEmpresas = new Array(8)
listaEmpresas[«empty»] = [«Seleccione por Tipo de Compañía»];
listaEmpresas[«1»] = [«Seleccione por Compañía»,»Allianz Seguros», «Mapfre Seguros Generales de Colombia», «Administración Operativa Automotriz», «Cardif Colombia Seguros Generales S.A.», «Zurich», «La Previsora», «Seguros Generales Suramiericana», «HDI Seguros»];
listaEmpresas[«2»] = [«Seleccione por Compañía», «Mareauto Colombia», «GEMCOAL», «Construcciones Colombianas OHL», «Automotores Toyota Colombia», «SAMPOL», «Parex Resources Colombia Ltda.», «Consultoría y Medio Ambiente», «Consorcio OHL Río Magdalena», «ISITEL Ltda.», «Consorcio Vías de Colombia», «VESSGO S.A.S.», «UNIMINEX S.A.S.», «OHL Industrial Colombia», «PETROWORKS», «Pionner de Colombia S.D.A.», «Obrascon Huarte Lain», «Sociedad Fiduciaria de Desarrollo Agropecuario», «ALD Automotive», «VQ Ingeniería S.A.S.», «Toyota Automotora de Occidente», «Consorcio San Patricio», «ACE Servicios Integrados»,»Consorcio Vía Américas», «Petrosismic Services S.A.», «Duval Ltda.», «Travesías Tours S.A.S.», «Renta Corporativa», «MEXICHEM Colombia», «Sofasa», «Renting Automotor», «Consorcio Aducción Río Cali», «CLARO»,»CNV Construcciones», «Unión Temporal DISICO – COMSA – GYC»,»Consorcio Aducción Río Cali»];
listaEmpresas[«3»] = [«Seleccione por Compañía»,»Arthur J. Gallagher RE Colombia», «Renting Colombia S.A.S.», «Consorcio OHL Río Magdalena», «Consorcio Vías de Colombia», «Unidad Nacional de Protección», «Opticalia Colombia S.A.S.», «TECNITOYO», «Consorcio San Patricio», «AUTOSNACK», «B2X Care Colombia S.A.S.»];
listaEmpresas[«4»] = [«Seleccione por Compañía»,»General Motors Colmotores», «Grupo Porshe»];
listaEmpresas[«5»] = [«Seleccione por Compañía»,»Grupo NEME»];
listaEmpresas[«6»] = [«Seleccione por Compañía»,»WYLS»];
listaEmpresas[«7»] = [«-«];
listaEmpresas[«8»] = [«Línea de Negocio Usados»];function cambiaclientes(selectObj) {
var idx = selectObj.selectedIndex;
var which = selectObj.options[idx].value;
cList = listaEmpresas[which];
var cSelect = document.getElementById(«clientestiposolicitud»);
var len = cSelect.options.length;
while (cSelect.options.length > 0) {
cSelect.remove(0);
}
var newOption;
for (var i=0; i<cList.length; i++) {
newOption = document.createElement(«option»);
newOption.value = cList[i];
newOption.text = cList[i];
try{
cSelect.add(newOption);
}
catch (e) {
cSelect.appendChild(newOption);
}
}
}
</script>
</p>
</form>
- El debate ‘Cómo crear un formulario con declaraciones de selección dinámica’ está cerrado a nuevas respuestas.