Вот код, тот что на сайте.
<style type="text/css">form.simpleForm label{display:block;}form.simpleForm label span{color:#ff0000;}form.simpleForm input.inputtext{width:215px;}form.simpleForm textarea.inputtext{width:215px;height:100px;}form.simpleForm textarea.inputtext_small{width:215px;height:50px;}</style>
<p><script type="text/javascript">
function myFunc(val){
var elem = document.getElementById('addField');
if(val=='Acura') elem.style.display = 'block';
else elem.style.display = 'none';
}
</script>
<script type="text/javascript">
function myFunc(val){
var elem = document.getElementById('addField');
if(val=='Audi') elem.style.display = 'block';
else elem.style.display = 'none';
}
</script>
<script type="text/javascript">
function myFunc(val){
var elem = document.getElementById('addField');
if(val=='BMW') elem.style.display = 'block';
else elem.style.display = 'none';
}
</script>
{element label="Выберите марку авто" type="select" onchange="myFunc(this.value)" }
{option label="Acura" value="Acura" /}
{option label="Audi" value="Audi" /}
{option label="BMW" value="BMW" /}
{option label="Chevrolet" value="Chevrolet" /}
{option label="Daihatsu" value="Daihatsu" /}
{option label="Ford" value="Ford" /}
{option label="Honda" value="Honda" /}
{option label="Hyundai" value="Hyundai" /}
{option label="Isuzu" value="Isuzu" /}
{option label="Kia" value="Kia" /}
{option label="LADA" value="LADA" /}
{option label="Lexus" value="Lexus" /}
{option label="Mazda" value="Mazda" /}
{option label="Mercedes" value="Mercedes" /}
{option label="Mitsubishi" value="Mitsubishi" /}
{option label="Nissan" value="Nissan" /}
{option label="Opel" value="Opel" /}
{option label="Peugeot" value="Peugeot" /}
{option label="Renault" value="Renault" /}
{option label="Skoda" value="Skoda" /}
{option label="Skoda" value="Skoda" /}
{option label="Subaru" value="Subaru" /}
{option label="Suzuki" value="Suzuki" /}
{option label="Toyota" value="Toyota" /}
{option label="Volkswagen" value="Volkswagen" /}
{option label="Volvo" value="Volvo" /}
{/element}
<div id="addField" style="display:none;">{element label="Выберите модель авто" type="select" /}</div>
<div id="addField" style="display:none;">{element label="Выберите модель авто" type="select" /}</div>
<div id="addField" style="display:none;">{element label="Выберите модель авто" type="select" /}</div>
</p>{element type="captcha" class="inputtext" width="220" height="50" label="Проверочный код" /}<p>{element type="submit" value="Отправить" /}</p>
Срабатывает вариант только с BMW. Ошибка как я подозреваю синтаксическая в коде.. Будьте добры, ткните...
И еще, как привязать списки моделей к маркам?
Вижу, и теперь ваш код работает.
Если вы не совсем поняли, что сделали, объясняю.
Вот тут: {element label="Выберите марку авто" type="select" onchange="myFunc(this.value)" }
у вас написано, что при изменении выбранного пункта в данном селекте будет вызвана яваскрипт функция, которой в качестве параметра будет передано значение выбранного пункта селекта.
В функции
function myFunc(val){
var elem = document.getElementById('addField');
if(val=='Audi') elem.style.display = 'block';
else elem.style.display = 'none';
}
написано, что, если параметр, переданный данной функции является слово "Audi", то назначить элементу с id="addField" стиль отображения блочный. Если любое другой значение, то стиль отображения элемента с id="addField" - не отображать.
При этом вы еще 2 раза скопировали саму функцию myFunc. Если бы вы попытались использовать этот код, то он бы не работал, т.к. на странице не может быть нескольких функций с одинаковыми названиями.
У вас на сайте также присутствуют 3 функции, но названия у них разные (myFunc, myFunc2, myFunc3).
Предполагаю, что вы хотите сделать выбор модели машины в зависимости от марки. В таком случае вам нужно будет использовать всего одну функцию. Выглядеть она должна примерно следующим образом:
function myFunc(val){
jQuery(".carModel").hide();
if(val=='Acura') jQuery(".carModel_Acura").show();
else if(val=='Audi') jQuery(".carModel_Audi").show();
else if(val=='BMW') jQuery(".carModel_BMW").show();
...
}
А селекты с моделями авто следать следующим образом:
<div class="carModel carModel_Acura">{element label="Выберите модель авто Acura" type="select" /}</div>
<div class="carModel carModel_Audi">{element label="Выберите модель авто Audi" type="select" /}</div>
<div class="carModel carModel_BMW">{element label="Выберите модель авто BMW" type="select" /}</div>
...
И в конце формы добавить скриптец:
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery(".carModel").hide();
});
</script>