Конечно, я в javascript не силен. Но логика вроде понятна. Объясните, почему скрипт у меня не работает?
<html>
<head>
<title>Тестовый шаблон</title>
<meta name="description" content="Тестовое описание сайта">
<meta name="kyewords" content="описание ключ, ключ, разные ключи которые встречаются на странице">
<meta charset="utf-8">
<script type="text/javascript">
function trargets(){
var first = document.getElementById('sity_dan'),
second = document.getElementById('sity');
first.onchange = second.onchange = function(e) {
e = e || window.event;
var target = e.target || e.srcElement;
var related = target === first ? second : first;
related.selectedIndex = target.selectedIndex;
var x = target.options[target.selectedIndex].text;
document.getElementById('sity_name').innerHTML = x;
}
};
</script>
</head>
<body>
<p id="sity_name"></p>
<select id="sity_dan">
<option selected disabled>Выбрать город</option>
<option value="Москва">Москва</option>
<option value="Сочи">Сочи</option>
<option value="Санкт-Петербург">Санкт-Петербург</option>
</select>
</div>
<form name="contact_form" method="post" action="submit.php" onsubmit="trargets ();">
<select id="sity" name="sity" placeholder="Выбрать город">
<option selected disabled>Выбрать город</option>
<option value="Москва">Москва</option>
<option value="Сочи">Сочи</option>
<option value="Санкт-Петербург">Санкт-Петербург</option>
</select>
<select id="filial" name="filials" placeholder="Выбрать филиал">
<option selected disabled>Выбрать филиал</option>
<option value="Филиал №1">Филиал №1</option>
<option value="Филиал №2">Филиал №2</option>
<option value="Филиал №3">Филиал №3</option>
</select>
<input id="name" type="text" name="name_order" placeholder="Имя" value="" title="Введите Ваше имя"/>
<input id="tel" type="text" name="phone" placeholder="Телефон" value="" title="Номер телефона Ваше имя"/>
<input type="checkbox" checked="checked" id="check" checked />
<span id="license">Я принимаю <a href="#">пользовательское соглашение</a></span>
<input id="but_call" class="red_button" name="send" type="submit" value="Получить!" />
</body>
</html>
Обновление
Суть вот в чем: есть два селекта, которые друг с другом связаны. Когда мы выбираем город из любого селекта, он его выводит и в первом, и во втором селекте:
related.selectedIndex = target.selectedIndex;
Дальше результат выводится в тег <p>
, где отображается название города:
var x = target.options[target.selectedIndex].text;
document.getElementById('sity_name').innerHTML = x;
Проблема в том, что у меня есть рабочий вариант скрипта. Но мне все это дело нужно как-то обернуть функцию, и я не знаю как!
<p>
где отображается название города: var x = target.options[target.selectedIndex].text; document.getElementById('sity_name').innerHTML = x; Проблема в том, что у меня есть рабочий вариант скрипта. Но мне все это дело нужно как-то обернуть функцию, и я не знаю как!