2016-04-29 4 views
0

ich je einige Felder wechseln wollen, was der Besucher auf dieser Seite wählt http://draidel.com.ar/trabaja-con-nosotros/ so habe ich ein Dropdown-Menü mit der ID puesto und die Felder mit der Klasse wechseln I condicional dann dieses SkriptToggle Kontaktformular Felder mit JavaScript

document.getElementById("puesto").onchange = CamposOcultos(document.getElementById("puesto").value); 

function CamposOcultos(valor){ 
if (valor == "Modelo" or valor == "Promotor/a"){ 
for (var i=0;i<document.getElementsByClassName('condicional').length;i+=1){ 
    document.getElementsByClassName("condicional")[i].style.display="block";} 
else{ 
for (var i=0;i<document.getElementsByClassName('condicional').length;i+=1){ 
    document.getElementsByClassName("condicional")[i].style.display="none";} } 
} 

hinzugefügt Aber ich bekomme die folgende Fehlermeldung, wenn ich versuche, die Funktion in der Chromkonsole zu laden

Uncaught SyntaxError: Unexpected identifier(…)

Irgendeine Idee wie kann ich es zum Laufen bringen?

Danke!

PS: Ich bin mit Contact Form 7 auf Wordpress

UPDATE:

oops, ich fehlte}, das ist alles. Allerdings tut es funktionieren :(

der Link: http://draidel.com.ar/trabaja-con-nosotros/

+0

Verwenden Sie jQuery, es ist viel weniger hastle. Zuerst müssen Sie Ihr '.condicional' verstecken. Dann überprüfen Sie einfach mit 'jQuery ('# puesto Option: ausgewählt')' Wenn es der ausgewählte Wert ist, dann zeigen Sie die Bedingungen –

Antwort

0

In Ihrer if-Anweisung

valor == "Modelo" or valor == "Promotor/a" 

für in Javascript

valor == "Modelo" || valor == "Promotor/a" 

Der oder Operanden ersetzen ist ||

Blick In dieser Dokumentation finden Sie weitere Informationen . https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Logical_Operators

Español

En la sentencia wenn remplaza

valor == "Modelo" or valor == "Promotor/a"</pre> 

por

valor == "Modelo" || valor == "Promotor/a" 

El operador lógico or en javascript es ||

La documentación en español para mas detalles:

https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Operadores/Operadores_l%C3%B3gicos

+0

Hallo !, Ich tat, was Sie mir gesagt, aber immer noch die ** gleichen ** Fehler :( – Ariel